border

универсальное свойство,задающее ширину, тип и цвет линии сразудля всех границ стилевого блока.

border-top

задаёт ширину, тип и цвет линии верхней границы стилевого блока.

border-bottom

задаёт ширину, тип и цвет линии нижней границы стилевого блока.

border-ight

задаёт ширину, тип и цвет линии левой границы стилевого блока.

border-left

задаёт ширину, тип и цвет линии правой границы стилевого блока.

border-color

задаёт цвет всех границ стилевого бока:верхней, правой, нижней, левой. Можно указать одно значение и оно будет применено ко всем границам. Зачение задаётся в виде RGB-кода или с помощью ключевых слов.

border-top-color

задаёт цвет верхней границы стилевого блока.

border-right-color

задаёт цвет правой границы стилевого блока.

border-bottom-color

задаёт цвет нижней границы стилевого блока.

border-left-color

задаёт цвет левой границы стилевого блока.

border-width

задаёт ширину всех границ стилевого бока:верхней, правой, нижней, левой. border-width{1px 2px 3 px 4px}. Можно указать одно значение и оно будет применено ко всем границам. Толщина указывается в еденицах длины, процентах или с помощью ключевых слов:

• thin - тoнкая линия границы
• medium - средняя линия границы
• thick - толстая линия границы

Важно отметить что, общепринятой ширины границ соответствующих ключевым словам нет и каждый браузер устанавливает своё состветствии ширины границы ключевому слову.

border-top-width

задаёт ширину верхней границы стилевого блока.

border-right-width

задаёт ширину правой границы стилевого блока.

border-bottom-width

задаёт ширину нижней границы стилевого блока.

berder-left-width

задаёт ширину левой границы стилевого блока.

border-style

определяет тип всех границ стилевого бока:верхней, правой, нижней, левой. Можно указать одно значение и оно будет применено ко всем границам. Определены следующие стили:

• solid - граница отображается в виде сплошной линии (border-width:medium - если не задан явно)
• double - граница отображается в виде двух сплошных линий. Причём свойство borde-width определяет суммарную толщинудвух этих линий и расстояния между ними.
• dotted - граница отображается в виде пунктирной линии.
• groove - граница отображается вдавленная линия
• ridge - граница отображается выпуклая линия
• inset - весь блок отображается как вдавленный
• outset - весь блок отображается как выпуклый

border-top-style

задаёт тип верхней границы

border-right-style

задаёт тип правой границы

border-bottom-style

задаёт тип нижней границы

border-left-style

задаёт тип левой границы