Все свойства, значение и описание CSS в виде удобной таблицы.
Изучай и применяй.
Изучай и применяй.
Свойство | Значение | Значение по умолчанию | Примечание |
background | См. свойства: background-color background-image background-repeat background-position background-attachment | Задает в сокращенном виде цвет фона, URL фонового изображения, повторение и позиционирование фонового рисунка | |
background-color | <цвет> transparent | transparent | Определяет цвет фона элемента |
background-image | none | none | Присваивает элементу фоновое изображение, хранящееся в файле с указанным URL |
background-position | top center bottom left right <число> | 0 0 | Позиционирование фонового изображения (по положению левого верхнего угла) |
background-repeat | repeat repeat-x repeat-y no-repeat | repeat | Повторение фонового изображения |
background-attachment | scroll fixed | scroll | Фиксация фона |
border | См. свойства: border-color border-width border-style | Задает в сокращенном виде ширину, стиль, и цвет линий всех четырех границ элемента | |
border-spacing | <число> | 0 | Определяет зазор между линиями границ смежных ячеек таблицы |
border-top border-right border-bottom border-left | См. свойства: border-width (border-left-width, border-top-width) border-style border-color | Задают в сокращенном виде свойства границ: ширину, стиль и цвет | |
border-color | <цвет> | Задает цвет всех четырех границ элемента | |
border-top-color border-left-color border-right-color border-bottom-color | <цвет> | Задает цвет соответствующей границы элемента | |
border-style border-top-style border-left-style border-right-style border-bottom-style | none hidden dotted dashed solid double groove ridge inset outset | none | Задает стиль отображения всех границ или по отдельности (точками, пунктиром, сплошной линией, двойной линией и т.д.) |
border-width border-top-width border-left-width border-right-width border-bottom-width | thin medium thick <число> | medium | Задает ширину всех границ или по отдельности |
caption-side | top bottom left right | top | Позиционирование названия таблицы |
clear | none both left right | none | Запрещает обтекание элемента текстом |
clip | rect auto | auto | Определяет прямоугольную область, в которую выводится содержимое элемента (обрезание области ввода) |
color | <цвет> | Зависит от броузера | Задает цвет текста для всего документа |
cursor | auto crosshair default pointer move e-resize ne-resize nw-resize N-resize se-resize sw-resize s-resize W-resize text wait help | auto | Определяет форму указателя мыши |
display | inline block list-item none | inline | Управляет отображением элемента (строчный элемент, блочный элемент и список) |
empty-cells | show hide | show | Задает отображение рамок вокруг пустых ячеек таблицы |
float | left right none | none | Задает обтекание элемента текстом |
font | См. свойства: font-style font-variant font-weight font-size font-family | Задает в сокращенном виде стиль, начертание, толщину, размер, высоту и наименование шрифта | |
font-family | Название шрифта | Зависит от броузера | Определяет шрифт или семейство шрифтов |
font-size | <число> xx-small x-small small medium large x-large xx-large larger smaller | Зависит от броузера | Задает размер шрифта |
font-style | normal italic oblique | normal | Управляет стилем начертания в семействе шрифтов |
font-variant | normal small-caps | normal | Задает вариант начертания шрифта (обычный или мелкими заглавными буквами) |
font-weight | normal bold bolder lighter <число от 100 до 900 с шагом 100> | normal | Задает вес (относительную жирность) шрифта |
height | auto <число> | auto | Задает высоту элемента |
letter-spacing | <число> normal | normal | Определяет межсимвольный интервал |
line-height | <число> normal | normal | Определяет межстрочный интервал (задаем значение - высота строки плюс растояние между строк) |
list-style | См. свойства: list-style-position list-style-image list-style-type | Задает в сокращенном виде тип списка, расположение маркеров и их изображение | |
list-style-image | URL картинки | none | Задает URL файла, содержащего изображение маркера для элементов списка |
list-style-position | inside outside | outside | Определяет расположение маркеров относительно элементов списка (внутри или вне области вывода списка) |
list-style-type | disk circle square decimal lower-roman upper-roman lower-alpha upper-alpha none | disk (для неупорядоченного списка) | Задает маркеры для неупорядоченного и упорядоченного списков |
margin | <число> | 0 | Поля margin это расстояние от каждой стороны элемента до соседних элементов или краёв документа(внешние отступы) |
margin-top margin-right margin-bottom margin-left | <число> | 0 | Определяет размер свободного поля (верхнего, правого, нижнего, левого) |
overflow | visible hidden scroll none | none | Управляет отображением содержимого элемента за пределами области вывода |
padding | <число> | 0 | Задает расстояние между всеми границами элемента и его содержимым (внутренние отступы) |
padding-top padding-right padding-bottom padding-left | <число> | 0 | Задает расстояние от соответствующей границы до содержимого элемента |
position | static relative absolute | static | Определяет размещение элемента относительно других элементов |
text-align | left right center justify | Зависит от броузера и направления чтения | Задает горизонтальное выравнивание текста в блочных элементах |
text-decoration | none underline overline line-through blink | none | Задает параметры начертания шрифта (подчеркивание, надчеркивание, зачеркивание, мерцание) |
text-indent | <число> | 0 | Задает отступ первой строки текста (можно задавать в cm, em, px) |
text-shadow | none <число> <цвет> | none | Определяет текст с тенью |
text-transform | capitalize uppercase lowercase none | none | Изменение регистра текста (Все Слова С Большой Буквы, ВСЕ БУКВЫ БОЛЬШИЕ, все буквы маленькие) |
vertical-align | baseline sub super top text-top middle bottom text-bottom <число> | baseline | Определяет вертикальное положение текста и изображений относительно базовой линии |
visibility | visible hidden inherit | Определяет видимость элемента | |
white-space | normal pre nowrap | normal | Определяет отображение пробелов, знаков табуляции и перевода строки (нормальное, преформатированное, безразрывное) |
width | <число> auto | auto | Задает ширину элемента |
word-spacing | <число> normal | normal | Определяет интервал между словами |
z-index | <число> auto | auto | Задает порядок расположения перекрывающихся элементов |
Таблица честно содрана с сайта KtoNaNovenkogo.ru за что создателю огромное спасибо.
Выбрать цвета и узнать их HTML, RGB код и название вы можете на этой странице