© 2003 - 2018

CSS: Границы

Введение в CSS
Введение в CSS
Что такое CSS
Свойства шрифта
Цвет элемента и цвет фона
Свойства текста
Границы
Единицы измерения
Курсоры
Полоса прокрутки
Размер элемента
Свойства таблицы
Спецификация CSS2 описывает атрибут стиля border, который позволяет задать вид границ вокруг объектов. Атрибут border может быть применен к любым объектам. Могут быть установлены следующие параметры границы:
border-width Ширина границы. Может быть задана значением в пикселях или с помощью зарезервированных слов thin (тонкая), medium (средняя), thick (толстая).
table {border-width: 2px;}
border-color Цвет границы. Может принимать значение transparent для задания невидимой, но имеющей ширину, границы, что иногда полезно
table {border-color: green;}
border-style Задает стиль рисования границы. Может принимать следующие значения: none (по умолчанию), hidden, dotted, dashed, solid, double,groove, ridge, inset, outset
table {border-style: dashed;}
table {border-style: groove;}

Примечание

Спецификация CSS2 позволяет задать стили для каждой из сторон границы. Например: border-сторона[-атрибут]. Где сторона может принимать следующие значения: top (верхняя граница), bottom (нижняя граница), left (левая граница) и right (правая граница). Таким образом { border-bottom-width: 1px } будет означать, что ширина нижней границы равна 1 пикселу.

Примеры

Пример стиля groove

 

Верхняя часть заголовка зеленого цвета (dotted)

 

Верхняя граница окрашена в синий цвет Пример стиля dashed

 

Пример стиля double Граница из двух линий. Сумма ширины каждой линии и промежуток между ними равняется значению border-width.

Пример использования тега DIV

Пример атрибутов
границы элемента DIV

Здесь приводится код примера

<DIV STYLE="background: silver; 
  border-style: dashed; 
  border-width: thick;
  border-top-color: red;
  border-right-color: green;
  border-bottom-color: blue;
  border-left-color: yellow;">Пример атрибутов<br>
   границы элемента DIV</DIV>
SEO  Аналитика  Юзабилити  SMO  Яндекс  Апдейты  тИЦ  Google
HTML CSS DHTML ОбМ IE