FAQ Шпаргалка CSS

Свойства фона

background-position
задает стартовую позицию фонового изображения.
background
объединяет в себе все свойства, которые используются для определения фона страницы.

background-attachment
определяет является ли фоновое изображение фиксированным или прокручивается вместе со страницей.

background-color
задает цвет фона для элемента.

background-image
определяет используемое изображение фона для элемента.

Свойства границ

border-bottom-width
задает ширину нижней границы элемента.

border-left-width
задает ширину левой границы элемента.

border-left-style
задает стиль левой границы элемента.

border-left-color
задает цвет левой границы элемента.

border-left
объединяет в себе все свойства, которые используются для определения левой границы (рамки) элемента.

outline-color
задает цвет внешней границы элемента.

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

border-width
задает ширину для четырех границ.

border-top-width
задает ширину верхней границы

border-top-style
задает стиль верхней границы элемента.

outline-style
задает стиль внешней границы элемента.

border-right
объединяет в себе все свойства, которые используются для определения правой границы (рамки) элемента.

border-right-color
задает цвет правой границы элемента.

border-right-style
задает стиль правой границы элемента

border-bottom-color
задает цвет нижней границы элемента.

border-bottom
объединяет в себе все свойства, которые используются для определения нижней границы (рамки) элемента.

border
объединяет в себе все свойства, которые используются для определения границы (рамки) элемента.

border-color
задает цвет для четырех границ.

outline
задает внешнюю границу вокруг элементов

border-top-color
задает цвет верхней границы элемента.

border-top
объединяет в себе все свойства, которые используются для определения верхней границы (рамки) элемента.

border-style
задает стиль для четырех границ.

border-spacing
задает расстояние между границами ячеек в таблице

border-right-width
задает ширину правой границы элемента.

outline-width
задает ширину внешней границы элемент

Свойства размера

min-width
определяет минимальную ширину элемента.

max-width
определяет максимальную ширину элемента.

min-height
определяет минимальную высоту элемента.

height
определяет высоту элемента.

width
определяет ширину элемента.

max-height
определяет максимальную высоту элемента.

Свойства шрифта

font-size
задает размер шрифта.

font-weight
определяет толщину символов в тексте.

font-style
задает стиль шрифта для текста.

font-family
задает шрифт для элемента.

font
бъединяет в себе все свойства, которые используются для определения шрифта.

font-variant
определяет должен ли текст отображаться капительными буквами или нет.

Свойства генерированного контента

quotes
задает тип кавычек, которые используются для вставленных цитат.

counter-reset
создает или сбрасывает один или несколько счетчиков.

counter-increment
используется для увеличения значения счетчика приращений

content
предназначено для вставки сгенерированного контента.

Свойства списка

list-style
объединяет в себе все свойства, которые используются для определения внешнего вида списка.

list-style-position
определяет место расположение маркера списка.

list-style-type
определяет тип маркера в списке.

list-style-image
заменяет маркер списка изображением.

Свойства отступов

margin-top
определяет верхний отступ для элемента.

margin-right
определяет правый отступ для элемента.

margin-bottom
определяет нижний отступ для элемента.

margin-left
определяет левый отступ для элемента.

margin
задает все свойства отступов в одной строке.

Свойства полей

padding-top
задает верхнее поле для элемента.

padding-right
задает правое поле для элемента.

padding-left
задает левое поле для элемента.

padding-bottom
задает нижнее поле для элемента.

padding
задает все свойства полей в одной строке.

Свойства позиционирования

top
устанавливает положение верхнего края содержимого элемента без учета толщины рамок и отступов.

cursor
определяет тип курсора при наведении мішки на элемент.

display
определяет, как элемент должен быть показан в документе.

visibility
способно сделать любой видимым или невидимым.

right
устанавливает положение правого края содержимого элемента.

z-index
управляет расположением элемента по z-оси

float
определяет по какой стороне будет выравниваться объект. Остальные элементы будут обтекать его с других сторон.

clip
позволяет определить область позиционированного элемента, в которой будет показано его содержимое.

left
устанавливает положение левого края содержимого элемента

clear
устанавливает с какой стороны элемента запрещено обтекание другими элементами.

overflow
управляет отображением содержания блочного элемента

bottom
устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов.

position
используется для позиционирования элемента.

Свойства таблицы

caption-side
задает расположение заголовка (подписи) таблицы.

empty-cells
позволяет определить показывать границы и фон пустых ячеек или нет.

table-layout
позволяет определить алгоритм разметки таблицы.

Свойства текста

vertical-align
задает вертикальное выравнивание элемента.

word-spacing
уменьшает или увеличивает пробелы между словами.

white-space
определяет отображение пробелов между словами.

text-align
определяет горизонтальное выравнивание текста в элементе.

text-indent
определяет отступ первой строки в текстовом блоке.

text-decoration
определяет оформление текста.

direction
позволяет задать направление отображения текста.

line-height
определяет высоту строки.

letter-spacing
увеличивает или уменьшает расстояние между буквами в тексте.

color
позволяет задать цвет текста.

text-transform
контролирует в тексте выделение заглавными буквами.

CSS Псевдоклассы/элементы

:lang
добавляет стиль к элементу со специальным атрибутом lang.

:hover
:hover добавляет стиль к элементу при наведенной мышкой.

:active
добавляет стиль к активному элементу.

:first-child
добавляет стилевое оформление к первому дочернему элементу селектора

:visited
добавляет стиль к посещенной ссылке.

:after
добавляет контент после элемента.

:before
добавляет контент до элемента.

:focus
добавляет специальный стиль к элементу, который получает фокус.

:first-line
добавляет стилевое оформление к первой строке текста.

:first-letter
добавляет стилевое оформление к первой букве текста.

:link
добавляет стиль к непосещенной ссылке.