Характеристики свойства
В каких браузерах работает?
| 8.0+ | 1.0+ | 3.5+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
В каких версиях CSS используется?
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
| + | + | + | + |
Для чего используется?
Свойство border-style устанавливает разновидность рамки для указанной стороны. Разрешается для каждой стороны прописывать свой стиль.
Как правильно задавать?
border-style: стиль рамки;
Какие могут быть значения?
В качестве значений для свойства используют особые стили рамок. Ниже приведены их названия и пример их внешнего вида:
dotted dashed solid double groove ridge inset outset
Кроме этих стилей используют также следующие команды:
- none - убирает из вывода рамку.
- hidden -повторяет функции none, но зачастую применяется в веб-таблицах.
- inherit - повторяет стиль рамки родителя.
Возможно комбинирование сторон, которым нужно назначить стиль рамки. Для одного указанного значения стиля все стороны устанавливают одинаковый вид рамки. В том случае, если указано два значения, то одно из них назначает стиль для верхней и нижней стороны, а второе - для левой и правой. Три значения стилизируют верхнюю, левую и правую сторону. Четыре значения соответствуют стилю каждой стороны, начиная сверху.
Пример использования
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Свойство border-style</title> <style> p { border-style: dotted; padding: 5px; text-align:center; } </style> </head> <body> <p>Текст, который не имеет смысла, но очень часто используется веб мастерами для моделирования веб-страницы, называется рыбным текстом.</p> </body> </html>
По итогу получаем
