CSS рамка

Цикл статей «CSS учебник».

Следующая статья — «CSS внешние отступы».
Предыдущая статья — «CSS блоковая модель».

У каждого блочного элемента в CSS можно задать свойства рамки, которая будет его обрамлять. Здесь мы разберём основные свойства рамок:

border-width

Свойство CSS border-width позволяет задать ширину рамки. Можно указать до четырёх значений, тогда первое будет указывать ширину верхней границы рамки, второе — правой, третье — нижней, четвёртое — левой.

Подробное описание свойства CSS border-width с примером.

border-color

Свойство CSS border-color устанавливает цвет границы. Пример:

Подробное описание свойства CSS border-color с примером.

 

border-style

Свойство CSS border-style позволяет задать стиль рамки. Основные значения: none (без рамки), solid (сплошная рамка), dashed  (пунктирная), dotted  (из точек). Можно указывать до четырёх значений. Если указано одно значение, то применяется ко всем сторонам. Если указано четыре значения, то применяется к верхней стороне рамки, правой, нижней и левой. Если два значения, то первое значение устанавливает стиль верхней и нижней границы, а второе правой и левой.

Подробное описание свойства CSS border-style с примером.

border

Свойство CSS border позволяет задать ширину рамки, стиль и цвет за один раз. Значения могут идти в любом порядке. Нельзя задать разные значения для разных сторон рамки через это свойство!

Подробное описание свойства CSS border с примером

Цикл статей «CSS учебник».

Следующая статья — «CSS внешние отступы».
Предыдущая статья — «CSS блоковая модель».


Поделиться:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.

*