Цикл статей «CSS учебник».
Следующая статья — «CSS внешние отступы».
Предыдущая статья — «CSS блоковая модель».
У каждого блочного элемента в CSS можно задать свойства рамки, которая будет его обрамлять. Здесь мы разберём основные свойства рамок:
border-width
Свойство CSS border-width позволяет задать ширину рамки. Можно указать до четырёх значений, тогда первое будет указывать ширину верхней границы рамки, второе — правой, третье — нижней, четвёртое — левой.
|
1 2 3 |
.myinf1 { border-width : 3px; } |
Подробное описание свойства CSS border-width с примером.
border-color
Свойство CSS border-color устанавливает цвет границы. Пример:
|
1 2 3 |
.redborder { border-color : #ff0000; } |
Подробное описание свойства CSS border-color с примером.
border-style
Свойство CSS border-style позволяет задать стиль рамки. Основные значения: none (без рамки), solid (сплошная рамка), dashed (пунктирная), dotted (из точек). Можно указывать до четырёх значений. Если указано одно значение, то применяется ко всем сторонам. Если указано четыре значения, то применяется к верхней стороне рамки, правой, нижней и левой. Если два значения, то первое значение устанавливает стиль верхней и нижней границы, а второе правой и левой.
|
1 2 3 |
.solidborder { border-style : solid; } |
Подробное описание свойства CSS border-style с примером.
border
Свойство CSS border позволяет задать ширину рамки, стиль и цвет за один раз. Значения могут идти в любом порядке. Нельзя задать разные значения для разных сторон рамки через это свойство!
|
1 2 3 |
.mybordered { border : 1px solid #ff0000; } |
Подробное описание свойства CSS border с примером
Цикл статей «CSS учебник».
Следующая статья — «CSS внешние отступы».
Предыдущая статья — «CSS блоковая модель».