Свойство border-style позволяет задать внешний вид рамки элемента. Здесь можно указать от 1 до 4 значений, и порядок их следования строго начинается с верхней стороны. Если вы прописываете два значения подряд, первое применяется к верхней и нижней границам, а второе - к правой и левой. Это удобный способ быстро настроить оформление без лишнего кода! - border-style: dotted solid double dashed;
- Верхняя рамка - точечная
- Правая рамка - сплошная
- Нижняя рамка - двойная
- Левая рамка - пунктирная
- border-style: dotted solid double;
- Верхняя рамка - точечная
- Правая и левая рамка - сплошные
- Нижняя рамка - двойная
- border-style: dotted solid;
- Верхняя и нижняя рамка - точечные
- Правая и левая рамка - сплошные
- border-style: dotted;
- Все четыре рамки - точечные
| Значение по умолчанию: | none | | Наследуется: | нет | | Версия: | CSS1 | | Синтаксис JavaScript: | object.style.borderStyle="dotted double" | | Значение | Описание | | none | Указывает, что рамка отсутствует. | | hidden | Тоже самое что и значение "none". | | dotted | Точечная рамка. | | dashed | Пунктирная рамка. | | solid | Сплошная рамка. | | double | Двойная рамка. | | groove | Объемная рифленая вдавленная рамка. | | ridge | Объемная рифленая выпуклая рамка. | | inset | Объемная вдавленная рамка. | | outset | Объемная выпуклая рамка. | | inherit | Указывает, что значение наследуется от родительского элемента. | Пример
|