sitesupport: справка по CSS

Скачать шаблоны сайтов:

Справка по CSS

(по материалам сайта w3schools.com)

Background свойства

background	Устанавливает все свойства фона одной строкой
background-attachment	Определяет, является ли фоновый рисунок фиксированным, либо прокручивается до конца страницы
background-color	Устанавливает цвет заливки элемента
background-image	Устанавливает фоновый рисунок для элемента
background-position	Определяет координаты левого верхнего угла фонового рисунка
background-repeat	Определяет, как повторяется фоновый рисунок

Border and outline свойства

border	Устанавливает все свойства границы одной строкой
border-bottom	Устанавливает все свойства нижней границы одной строкой
border-bottom-color	Определяет цвет нижней границы
border-bottom-style	Определяет стиль нижней границы
border-bottom-width	Устанавливает ширину нижней границы
border-color	Устанавливает цвет всех четырех границ элемента
border-left	Устанавливает все свойства левой границы одной строкой
border-left-color	Определяет цвет левой границы
border-left-style	Определяет стиль левой границы
border-left-width	Устанавливает ширину левой границы
border-right	Устанавливает все свойства правой границы одной строкой
border-right-color	Определяет цвет правой границы
border-right-style	Определяет стиль правой границы
border-right-width	Устанавливает ширину правой границы
border-style	Определяет стиль всех четырех границ элемента
border-top	Устанавливает все свойства верхней границы одной строкой
border-top-color	Определяет цвет верхней границы
border-top-style	Определяет стиль верхней границы
border-top-width	Устанавливает ширину верхней границы
border-width	Устанавливает ширину всех четырех границ элемента
outline	Устанавливает все свойства выделения одной строкой
outline-color	Определяет цвет выделения
outline-style	Устанавнивает стиль выделения
outline-width	Устанавливает ширину выделения

Dimension свойства

height	Определяет высоту элемента
max-height	Устанавливает максимальную высоту элемента
max-width	Устанавливает максимальную ширину элемента
min-height	Устанавливает минимальную высоту элемента
min-width	Устанавливает минимальную ширину элемента
width	Определяет ширину элемента

Font свойства

font	Определяет все свойства шрифта одной строкой
font-family	Определяет семейство шрифтов текста
font-size	Устанавливает размер шрифта текста
font-style	Определяет стиль шрифта текста
font-variant	Определяет, должен ли текст отображаться исключительно маленькими буквами
font-weight	Определяет толщину шрифта

Generated content свойства

content	Используется с псевдоэлементами :before и :after для добавления сгенерированного контента
counter-increment	Увеличивает значение счетчика (счетчиков) на один шаг
counter-reset	Создает или обнуляет один или больше счетчиков
quotes	Определяет тип кавычек при использовании цитат

List свойства

list-style	Устанавливает все свойства списка одной строкой
list-style-image	Определяет рисунок в качестве маркера для элемента списка
list-style-position	Определеят положение маркера элемента списка
list-style-type	Определяет тип маркера элемента списка

Margin свойства

margin	Устанавливает все свойства поля одной строкой
margin-bottom	Устанавливает размер нижнего поля элемента
margin-left	Устанавливает размер левого поля элемента
margin-right	Устанавливает размер правого поля элемента
margin-top	Устанавливает размер верхнего поля элемента

Padding свойства

padding	Определяет все свойства отступов одной строкой
padding-bottom	Устанавливает размер нижнего отступа для элемента
padding-left	Устанавливает размер левого отступа для элемента
padding-right	Устанавливает размер правого отступа для элемента
padding-top	Устанавливает размер верхнего отступа для эелемента

Positioning свойства

bottom	Определяет границу нижнего края элемента с учетом поля
clear	Определяет, с какой стороны элемента запрещено добавлять другие элементы с нефиксированным размещением
clip	Закрепляет абсолютно спозиционированный элемент
cursor	Определяет тип курсора для отображения
display	Определяет, как отображается элемент
float	Определяет закрепленность размещения элемента
left	Устанавливает границу левого края элемента с учетом поля
overflow	Определяет реакцию на превышение контентом границ элемента
position	Устанавливает тип позиционирования элемента
right	Устанавливает границу правого края элемента с учетом поля
top	Устанавливает границу верхнего края элемента с учетом поля
visibility	Определяет виден элемент или нет
z-index	Определяет номер слоя элемента

Print свойства

orphans	Устанавливает минимальное количество строк, которые должны остаться внизу страницы перед разрывом страницы в элементе
page-break-after	Определяет поведение по установлению разрывов страницы после элемента
page-break-before	Определяет поведение по установлению разрывов страницы перед элементом
page-break-inside	Определяет поведение по установлению разрывов страницы внутри элемента
widows	Устанавливает минимальное количество строк, которые должны остаться вверху страницы в случае наличия разрыва страницы внутри элемента

Table свойства

border-collapse	Определяет, должны ли свертываться границы таблицы
border-spacing	Устанавливает расстояние между граничащими между собой ящейками
caption-side	Определяет размещение заголовка таблицы
empty-cells	Определяет, необходимо ли отображать границы и заливку пустых ячеек таблицы
table-layout	Определяет порядок отображения элементов таблицы

Text свойства

color	Устанавливает цвет текста
direction	Устанавливает направление текста/направление написания
letter-spacing	Увеличивает или уменьшает расстояние между символами в тексте
line-height	Устанавливает высоту линии
text-align	Определяет выравнивание текста по горизонтали
text-decoration	Определяет, какое оформление применять к тексту
text-indent	Определяет, как выделяется первая линия в текстовом блоке
text-shadow	Определяет, какой эффект тени применяется к тексту
text-transform	Контролирует применение заглавных букв в тексте
vertical-align	Устанавливает выравнивание тексте по вертикали
white-space	Определяет поведение в отношении пробелов внутри элемента
word-spacing	Увеличивает либо уменьшает расстояние между словами в тексте

Псевдоклассы, псевдоэлементы

:active	Определяет стиль активируемого элемента
:after	Добавляет контент после элемента
:before	Добавляет контент перед элементом
:first-child	Определяет стиль элемента, являющемуся первым элементом-наследником другого элемента
:first-letter	Определяет стиль первого символа в тексте
:first-line	Определяет стиль первой строки в тексте
:focus	Определяет стиль элемента, на который установлен фокус ввода с клавиатуры
:hover	Определяет стиль, активирующийся при наведении курсора на элемент
:lang	Определяет стиль элемента с определенными языковыми параметрами
:link	Определяет стиль непосещенной ссылки
:visited	Определяет стиль посещенной ссылки