CSS border или границы элементов

CSS атрибуты и значения, определяющие границы

Рассмотрим все свойства элемента border:

Результат: CSS границы элементов

Рассмотрим строчку border-right:10px double Red. Первое значение устанавливает толщину границы в 10 пиксел, double определяет двойную сплошную линию в качестве границы, Red – цвет.

CSS border соединяет параметры:

• border-top
• border-right
• border-bottom
• border-left

Запись border:1px solid #000000 равносильна:

• border-top:1px solid #000000;
• border-right:1px solid #000000;
• border-bottom:1px solid #000000;
• border-left:1px solid #000000

Строка border:1px solid #000000 может быть представлена таким образом:

• border-width:1px;
• border-style:solid;
• border-color:#000000

Такой вариант менее рационален, так как требует больше времени на написание кода.

CSS border и примеры его свойств

Заметьте, что в последних пяти примерах установлен цвет Red.

При border:none видимая граница элемента отсутствует.