Border в CSS - форматируем границы

«Border в CSS» – десятый урок учебника CSS. В этом уроке мы обсудим использование и форматирование границ в CSS.

В отличие от языка HTML, CSS позволяет установить границы для любого объекта и детально настроить их отображение.

Border в CSS.

Css позволяет создать границы практически для любого элемента на странице. Ниже представлены основные параметры CSS границ внутри удобно оформленной таблицы:

Параметр	Описание	Значения
border	позволяет описать правила отображения всех четырех границ одновременно	border–width
		border–style
		border–color
border–bottom	позволяет задать все свойства нижней границы в одном объявлении	border–bottom–width
		border–style
		border–color
border–bottom–color	задает цвет нижней границы	border–color
border–bottom–style	задает стиль нижней границы	border–style
border–bottom–width	толщина нижней границы	thin
		medium
		thick
		length
border–color	позволяет задать цвет всех границ одновременно	color
border–left	позволяет задать все свойства левой границы	border–left–width
		border–style
		border–color
border–left–color	позволяет задать цвет левой границы	border–color
border–left–style	позволяет задать стиль левой границы	border–style
border–left–width	позволяет задать толщину левой границы	thin
		medium
		thick
		length
border–right	позволяет задать все свойства правой границы	border–right–width
		border–style
		border–color
border–right–color	позволяет задать цвет правой границы	border–color
border–right–style	позволяет задать стиль правой границы	border–style
border–right–width	Задает толщину правой стороны границы	thin
		medium
		thick
		length
border–style	позволяет задать стили для всех четырех границ одновременно	none
		hidden
		dotted
		dashed
		solid
		double
		groove
		ridge
		inset
		outset
border–top	позволяет задать все свойства верхней границы	border–top–width
		border–style
		border–color
border–top–color	позволяет задать цвет верхней границы	border–color
border–top–style	позволяет задать стиль верхней границы	border–style
border–top–width	позволяет задать толщину верхней границы	thin
		medium
		thick
		length
border–width	позволяет задать толщину всех четырех границ	thin
		medium
		thick
		length

CSS предоставляет веб-мастеру достаточно широкий функционал в плане форматирования границ. В данном уроке мы рассмотрели все основные методы CSS форматирования границ (border в CSS).

В следующем уроке мы разберемся с использованием отступов в CSS.

Наверх

Источник: Создание сайтов