Свойство border-width указывает толщину рамки элемента.
Возможные значения: <размер> | thin | medium | thick
Можно указывать от одного до четырёх значений через пробел.
Если указано одно значение, то оно устанавливает толщину верхней, правой, нижней и левой границы элемента.
Если указано два значения, то первое устанавливает толщину верхней и нижней границы, а второе — правой и левой границы.
Если указано три значения, то первое устанавливает толщину верхней границы, второе устанавливает толщину правой и левой границы, а третье устанавливает толщину нижней границы.
Если указано четыре значения, то первое устанавливает толщину верхней границы, второе — правой, третье — нижней, четвёртое — левой.
Значение по умолчанию: medium
Наследуется: Нет
Пример:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<!DOCTYPE html> <html> <head> <title>CSS border-width</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> </head> <body> <div style="border-style : solid; border-width : 5pt;"> border-width : 5pt; </div> <p></p> <div style="border-style : solid; border-width : 5pt 10pt;"> border-width : 5pt 10pt; </div> <p></p> <div style="border-style : solid; border-width : 5pt 10pt 15pt;"> border-width : 5pt 10pt 15pt; </div> <p></p> <div style="border-style : solid; border-width : 5pt 10pt 15pt 20pt;"> border-width : 5pt 10pt 15pt 20pt; </div> <p></p> <a href="https://urvanov.ru/2016/02/22/css-border-width/">CSS border-width</a> </body> </html> |