Мы периодически тестируем CSS в основных браузерах. Последний тест — 9 ноября 2009 года.
Группы свойств CSS по функциям
Ссылка в колонке «Свойство» указывает на синтаксис, совместимость с браузерами, примеры и т.д.
В колонке «CSS» указывается версия CSS (CSS 1 или CSS 2), в которой появилось это свойство.
Свойства фона
Свойства бордюра и внешнего бордюра (outline)
Физические размеры элементов
Свойства шрифтов
| Свойство |
Описание |
CSS |
| font |
Свойства шрифта одной записью |
1 |
| font-family |
Изменение семейства шрифта |
1 |
| font-size |
Изменение размера шрифта |
1 |
| font-style |
Изменение отображения шрифта |
1 |
| font-variant |
Изменение трансформации шрифта (все символы отображаются как строчные/заглавные буквы) |
1 |
| font-weight |
Изменение жирности шрифта |
1 |
Генерируемый контент
| Свойство |
Описание |
CSS |
| content |
Используется вместе с псевдо-элементами :before и :after для вставки содержимого |
2 |
| counter-increment |
Активизация одного или нескольких счетчиков отображения определенного элемента на странице |
2 |
| counter-reset |
Создание/сброс счетчика отображения определенного элемента на странице |
2 |
| quotes |
Настройка видов кавычек для элемента |
2 |
Свойства списков
Внешние отступы
| Свойство |
Описание |
CSS |
| margin |
Свойства отступа от соседних элементов одной записью |
1 |
| margin-bottom |
Нижний отступ от соседних элементов |
1 |
| margin-left |
Левый отступ от соседних элементов |
1 |
| margin-right |
Правый отступ от соседних элементов
|
1 |
| margin-top |
Верхний отступ от соседних элементов |
1 |
Внутренние отступы (поля)
Свойства позиционирования
| Свойство |
Описание |
CSS |
| bottom |
Нижний отступ элемента от соседних элементов |
2 |
| clear |
Указания стороны, с которой запрещено обтекать элемент |
1 |
| clip |
Указание видимой части абсолютно позиционированного элемента |
2 |
| cursor |
Вид отображаемого курсора |
2 |
| display |
Настройка отображения/скрытия элементов |
1 |
| float |
Настройка смещения (всплывания) элементов |
1 |
| left |
Левый отступ до соседних элементов |
2 |
| overflow |
Настройка поведения в случае, если содержимое элемента не помещается в видимые границы элемента |
2 |
| position |
Настройка позиции элемента |
2 |
| right |
Правый отступ элемента до соседних элементов |
2 |
| top |
Верхний отступ до соседних элементов |
2 |
| visibility |
Видимость/скрытие элемента |
2 |
| z-index |
Настройка расстояния элементов в третьем измерении (расстояние вглубь монитора—ближе к пользователю) |
2 |
Свойства печати
| Свойство |
Описание |
CSS |
| orphans |
Настройка минимального количества строк, которое остается внизу страницы при печати |
2 |
| page-break-after |
Добавление разрыва страницы при печати после определенного элемента |
2 |
| page-break-before |
Добавление разрыва страницы при печати до определенного элемента |
2 |
| page-break-inside |
Добавление разрыва страницы при печати внутри определенного элемента |
2 |
| widows |
Настройка минимального количества строк, которое остается вверху новой страницы при печати |
2 |
Свойства таблиц
| Свойство |
Описание |
CSS |
| border-collapse |
Отображение/Скрытие двойных границ в местах соприкосновения ячеек таблицы |
2 |
| border-spacing |
Расстояние между ячейками в таблице |
2 |
| caption-side |
Положение названия таблицы относительно таблицы |
2 |
| empty-cells |
Настройка отображения бордюров пустых ячеек таблицы |
2 |
| table-layout |
Алгоритм вычисления ширины колонок таблицы |
2 |
Текстовые свойства
| Свойство |
Описание |
CSS |
| color |
Цвет текста |
1 |
| direction |
Направление написания/вывода текста на странице |
2 |
| letter-spacing |
Настройка расстояния между буквами |
1 |
| line-height |
Высота строки |
1 |
| text-align |
Выравнивание текста по горизонтали |
1 |
| text-decoration |
Оформление текста |
1 |
| text-indent |
Отступ первой строки текста слева в текстовых блоках(например, в параграфах) |
1 |
| text-shadow |
Настройка эффекта тень в тексте |
2 |
| text-transform |
Изменение трансформации текста (отображение текста в виде заглавных/строчных букв) |
1 |
| vertical-align |
Выравнивание элемента по вертикали |
1 |
| white-space |
Настройка отображения пробелов между словами |
1 |
| word-spacing |
Настройка расстояния между словами |
1 |
Псевдо классы/элементы CSS
| Pseudo name |
Description |
CSS |
| :active |
Настройка стиля активного элемента (стиль при щелчке мышью) |
1 |
| :after |
Добавление содержимого после указанного элемента |
2 |
| :before |
Добавление содержимого до указанного элемента |
2 |
| :first-child |
Редактирование стиля элемента, который встречается первый раз в данном блоке (например, первый блок, выделенный тегом в параграфе) |
2 |
| :first-letter |
Настройка отображения первой буквы в блоке (например, выделение первой буквы в параграфе — буквица), если вы читали старые русские книги, в которых первая буква параграфа выделялась оформлением с сравнении с отстальными буквами, вы поймете о чем идет речь |
1 |
| :first-line |
Настройка отображения первой строки текстового блока |
1 |
| :focus |
Настройка элемента, на котором находится фокус, например, текстовое поле или поле пароля при вводе |
2 |
| :hover |
Настройка элемента, над которым находится курсор мыши |
1 |
| :lang |
Настройка стиля элементов с атрибутом lang |
2 |
| :link |
Настройка оформления непосещенных ссылок |
1 |
| :visited |
Настройка стиля посещеннных ссылок |
1 |