|
|
CSS Справочник
CSS Свойства
CSS Группы Свойств
Столбец "CSS" указывает, в какой версии CSS свойство определено (CSS1, CSS2 или CSS3).
Свойства Анимации
| Свойство |
Описание |
CSS |
| @keyframes |
Определяет анимацию |
3 |
| animation |
Стенографическое (сокращенное) свойство анимации, определяющее все свойства анимации,
перечисленные ниже, кроме свойства animation-play-state |
3 |
| animation-name |
Указывает название анимации @keyframes |
3 |
| animation-duration |
Указывает сколько секунд или миллисекунд занимает анимация для завершения одного цикла |
3 |
| animation-timing-function |
Указывает характеристическую функцию скорости анимации |
3 |
| animation-delay |
Указывает, когда анимация начнется (задержка) |
3 |
| animation-iteration-count |
Указывает, сколько раз анимация должна быть воспроизведена |
3 |
| animation-direction |
Указывает, должна ли анимация воспроизводиться в обратном порядке на чередующихся (четных) циклах воспроизведения |
3 |
| animation-play-state |
Указывает состояние анимации: воспроизведение или пауза |
3 |
Свойства Фона
Свойства Границ и Контуров
Свойства Блока
| Свойство |
Описание |
CSS |
| overflow-x |
Указывает, обрезать или нет левый/правый края контента, если он переполняет область содержимого элемента |
3 |
| overflow-y |
Указывает, обрезать или нет верхний/нижний края контента, если он переполняет область содержимого элемента |
3 |
| overflow-style |
Указывает предпочитаемый метод прокрутки для переполненных элементов |
3 |
| rotation |
Поворачивает элемент вокруг заданной точки, определенной свойством rotation-point |
3 |
| rotation-point |
Определяет точку поворота как смещение от верхнего левого края границы |
3 |
Цветовые Свойства
| Свойство |
Описание |
CSS |
| color-profile |
Разрешает спецификацию источника цветового профиля, отличную от используемой по умолчанию |
3 |
| opacity |
Устанавливает уровень прозрачности элемента |
3 |
| rendering-intent |
Разрешает спецификацию цели визуализации цветового профиля, отличную от используемой по умолчанию |
3 |
Свойства Содержимого Страничных Медиа
| Свойство |
Описание |
CSS |
| bookmark-label |
Указывает подпись закладки |
3 |
| bookmark-level |
Указывает уровень закладки |
3 |
| bookmark-target |
Указывает назначение ссылки закладки |
3 |
| float-offset |
Вставляет плавающие элементы в противоположном направлении |
3 |
| hyphenate-after |
Указывает минимальное количество символов после переноса в слове, перенесенном на новую строку посредством дефиса |
3 |
| hyphenate-before |
Указывает минимальное количество символов до переноса в слове, перенесенном на новую строку посредством дефиса |
3 |
| hyphenate-character |
Определяет строку, отображаемую в том месте перенесенного на новую строку слова, где произошел разрыв слова |
3 |
| hyphenate-lines |
Указывает максимальное количество строк с переносами слов на новую строку для элемента |
3 |
| hyphenate-resource |
Указывает список внешних ресурсов через запятую, который может помочь браузеру определить места переноса слов на новую строку |
3 |
| hyphens |
Устанавливает, как разбивать слова для улучшения вида параграфов |
3 |
| image-resolution |
Указывает правильное разрешение изображений |
3 |
| marks |
Добавляет маркировочные знаки обрезки и/или перекрестия к документу |
3 |
| string-set |
|
3 |
Свойства Размеров
| Свойство |
Описание |
CSS |
| height |
Устанавливает высоту элемента |
1 |
| max-height |
Устанавливает максимальную высоту элемента |
2 |
| max-width |
Устанавливает максимальную ширину элемента |
2 |
| min-height |
Устанавливает минимальную высоту элемента |
2 |
| min-width |
Устанавливает минимальную ширину элемента |
2 |
| width |
Устанавливает ширину элемента |
1 |
Свойства Эластичного Блока
| Свойство |
Описание |
CSS |
| box-align |
Указывает, как выравнивать дочерние элементы блока |
3 |
| box-direction |
Указывает, в каком направлении будут отображаться дочерние элементы блока |
3 |
| box-flex |
Указывает, являются ли дочерние элементы блока эластичными в размере |
3 |
| box-flex-group |
Назначает эластичные элементы эластичным группам |
3 |
| box-lines |
Указывает, могут ли колонки переходить на новую строку, как только им не хватает места в родительском блоке |
3 |
| box-ordinal-group |
Указывает порядок отображения дочерних элементов блока |
3 |
| box-orient |
Указывает, как следует располагать дочерние элементы блока - горизонтально или вертикально |
3 |
| box-pack |
Указывает горизонтальное положение в горизонтальных блоках и вертикальное положение в вертикальных блоках |
3 |
Свойства Шрифта
| Свойство |
Описание |
CSS |
| font |
Устанавливает все свойства шрифта в одном объявлении |
1 |
| font-family |
Указывает семейство шрифта текста |
1 |
| font-size |
Указывает размер шрифта текста |
1 |
| font-style |
Указывает стиль шрифта текста |
1 |
| font-variant |
Указывает, следует ли отображать текст в шрифте капитель |
1 |
| font-weight |
Указывает жирность шрифта |
1 |
| @font-face |
Правило, которое позволяет веб сайтам загружать и использовать произвольные шрифты, а не
только "безопасные веб шрифты" |
3 |
| font-size-adjust |
Сохраняет удобочитаемость текста, когда используется запасной шрифт |
3 |
| font-stretch |
Выбирает нормальный, уплотненный, или растянутый внешний вид семейства шрифта |
3 |
Свойства Генерации Контента
| Свойство |
Описание |
CSS |
| content |
Используется с псевдоэлементами :before и :after для вставки генерируемого контента |
2 |
| counter-increment |
Увеличивает один или более счетчиков |
2 |
| counter-reset |
Создает или сбрасывает один или более счетчиков |
2 |
| quotes |
Устанавливает тип маркеров цитирования для вставляемых цитат |
2 |
| crop |
Позволяет замененному элементу быть в точности прямоугольной областью объекта, вместо объекта целиком |
3 |
| move-to |
Вызывает удаление элемента из общего потока и его вставку в более позднем месте документа |
3 |
| page-policy |
Определяет, какой странично-основанный экземпляр данного элемента применяется к счетчику или значению строки |
3 |
Свойства Сетки
| Свойство |
Описание |
CSS |
| grid-columns |
Указывает ширину каждой колонки в сетке |
3 |
| grid-rows |
Указывает высоту каждой колонки в сетке |
3 |
Свойства Гиперссылок
| Свойство |
Описание |
CSS |
| target |
A стенографическое (сокращенное) свойство для установки свойств target-name, target-new и target-position |
3 |
| target-name |
Указывает, где открывать ссылки (место назначения) |
3 |
| target-new |
Указывает, следует ли открывать ссылки в новом окне или в новой вкладке существующего окна |
3 |
| target-position |
Указывает, где располагать окно/вкладку с открытой ссылкой |
3 |
Свойства Строкового Контейнера
| Свойство |
Описание |
CSS |
| alignment-adjust |
Позволяет более точно выравнивать элементы в линии |
3 |
| alignment-baseline |
Указывает, как элемент строчного уровня выравнивается относительно своего родительского элемента |
3 |
| baseline-shift |
Разрешает перепозиционирование основной базовой линии относительно основной базовой линии |
3 |
| dominant-baseline |
Указывает таблицу масштабированной базовой линии |
3 |
| drop-initial-after-adjust |
Устанавливает точку выравнивания эффекта drop initial (декорации начальной буквы(букв)) для главной точки соединения |
3 |
| drop-initial-after-align |
Устанавливает, какую линию выравнивания внутри контейнера начальной строки использовать
в главной точке соединения с контейнером начальной буквы |
3 |
| drop-initial-before-adjust |
Устанавливает точку выравнивания эффекта drop initial для второстепенной точки соединения |
3 |
| drop-initial-before-align |
Устанавливает, какую линию выравнивания внутри контейнера начальной строки использовать
во второстепенной точке соединения с контейнером начальной буквы |
3 |
| drop-initial-size |
Контролирует частичное погружение начальной буквы |
3 |
| drop-initial-value |
Активизирует эффект drop-initial (выделения, декорирования начальной буквы (букв)) |
3 |
| inline-box-align |
Устанавливает, какую строку многострочного блока выравнивать с предыдущим и следующим строчными элементами в линии |
3 |
| line-stacking |
Стенографическое (сокращенное) свойство для установки свойств line-stacking-strategy, line-stacking-ruby и line-stacking-shift |
3 |
| line-stacking-ruby |
Устанавливает метод строчной укладки для блочных элементов, содержащих элементы ruby аннотаций |
3 |
| line-stacking-shift |
Устанавливает метод строчной укладки для блочных элементов, содержащих элементы с базовым сдвигом |
3 |
| line-stacking-strategy |
Устанавливает стратегию строчной укладки для уложенных строчных
контейнеров внутри содержащего блочного элемента |
3 |
| text-height |
Устанавливает измерение прогрессии-блока текстовой области строчного контейнера |
3 |
Свойства Списка
| Свойство |
Описание |
CSS |
| list-style |
Устанавливает все свойства списка в одном объявлении |
1 |
| list-style-image |
Указывает изображение в качестве маркера пункта списка |
1 |
| list-style-position |
Указывает, где должны появляться маркеры пунктов списка - внутри или снаружи потока содержания |
1 |
| list-style-type |
Указывает тип маркера пункта списка |
1 |
Свойства Полей
| Свойство |
Описание |
CSS |
| margin |
Устанавливает все свойства полей в одном объявлении |
1 |
| margin-bottom |
Устанавливает нижнее поле элемента |
1 |
| margin-left |
Устанавливает левое поле элемента |
1 |
| margin-right |
Устанавливает правое поле элемента |
1 |
| margin-top |
Устанавливает верхнее поле элемента |
1 |
Свойства Бегущей Строки
| Свойство |
Описание |
CSS |
| marquee-direction |
Устанавливает направление прокрутки контента |
3 |
| marquee-play-count |
Устанавливает, сколько раз прокручивать контент |
3 |
| marquee-speed |
Устанавливает скороть прокрутки контента |
3 |
| marquee-style |
Устанавливает стиль прокручиваемого контента |
3 |
Свойства Многоколоночной Верстки
| Свойство |
Описание |
CSS |
| column-count |
Указывает, на какое количество колонок следует разбить элемент |
3 |
| column-fill |
Указывает, как заполнять колонки |
3 |
| column-gap |
Указывает расстояние (интервал, разрыв) между колонками |
3 |
| column-rule |
Стенографическое (сокращенное) свойство для установки всех свойств группы column-rule-* |
3 |
| column-rule-color |
Указывает цвет линейки между колонками |
3 |
| column-rule-style |
Указывает стиль линейки между колонками |
3 |
| column-rule-width |
Указывает толщину линейки между колонками |
3 |
| column-span |
Указывает, сколько колонок должен охватывать элемент (например, заголовок) |
3 |
| column-width |
Указывает ширину колонок |
3 |
| columns |
Стенографическое свойство для установки свойств column-width и column-count |
3 |
Свойства Отступов
| Свойство |
Описание |
CSS |
| padding |
Устанавливает все свойства отступов в одном объявлении |
1 |
| padding-bottom |
Устанавливает нижний отступ элемента |
1 |
| padding-left |
Устанавливает левый отступ элемента |
1 |
| padding-right |
Устанавливает правый отступ элемента |
1 |
| padding-top |
Устанавливает верхний отступ элемента |
1 |
Свойства Страничного Медиа
| Свойство |
Описание |
CSS |
| fit |
Дает подсказку, как масштабировать замененный элемент, если оба его свойства width и height не установлены в auto |
3 |
| fit-position |
Определяет выравнивание объекта внутри контейнера |
3 |
| image-orientation |
Указывает поворот по часовой стрелке, который агент пользователя применяет к изображению |
3 |
| page |
Указывает специфический тип страницы, на которой ДОЛЖЕН отображаться элемент |
3 |
| size |
Указывает размер и ориентацию содержащего контейнера для страничного контента |
3 |
Свойства Позиционирования
| Свойство |
Описание |
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 |
Свойства Ruby
| Свойство |
Описание |
CSS |
| ruby-align |
Контролирует выравнивание ruby текста и базового ruby контента относительно друг друга |
3 |
| ruby-overhang |
Определяет, допустимо ли, и с какой стороны, частично выступать ruby тексту над любым смежным текстом
в дополнение к его собственной базе, когда
ruby текст шире, чем ruby база |
3 |
| ruby-position |
Контролирует положение ruby текста относительно его базы |
3 |
| ruby-span |
Контролирует поведение охвата элементов аннотаций |
3 |
Свойства Речи
| Свойство |
Описание |
CSS |
| mark |
Сокращенное свойство для установки свойств mark-before и mark-after |
3 |
| mark-after |
Позволяет именованным маркерам присоединяться к аудио потоку |
3 |
| mark-before |
Позволяет именованным маркерам присоединяться к аудио потоку |
3 |
| phonemes |
Указывает фонетическое произношение для текста, содержащегося в соответствующем элементе |
3 |
| rest |
Сокращенное свойство для установки свойств rest-before и rest-after |
3 |
| rest-after |
Указывает паузу или интонационную границу, которую необходимо выдержать после произнесения содержимого элемента |
3 |
| rest-before |
Указывает паузу или интонационную границу, которую необходимо выдержать перед произнесением содержимого элемента |
3 |
| voice-balance |
Указывает баланс между левым и правым каналами |
3 |
| voice-duration |
Указывает, сколько требуется времени для произнесения содержимого элемента |
3 |
| voice-pitch |
Указывает среднюю высоту (частоту) голоса говорящего |
3 |
| voice-pitch-range |
Указывает колебание средней высоты |
3 |
| voice-rate |
Контролирует темп произношения |
3 |
| voice-stress |
Указывает силу или выразительность голоса |
3 |
| voice-volume |
Указывает амплитуду формы волны, выдаваемую речевым синтезатором |
3 |
Свойства Таблицы
| Свойство |
Описание |
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-transform |
Контролирует употребление прописных букв тексте |
1 |
| unicode-bidi |
|
2 |
| vertical-align |
Устанавливает вертикальное выравнивание элемента |
1 |
| white-space |
Указывает, как обрабатываются пробельные символы в элементе |
1 |
| word-spacing |
Увеличивает или уменьшает расстояние между словами в тексте |
1 |
| hanging-punctuation |
Указывает, может ли символ пунктуации располагаться вне строкового контейнера (висячая пунктуация) |
3 |
| punctuation-trim |
Указывает, следует ли обрезать символ пунктуации |
3 |
| text-align-last |
Описывает, как последняя строка блока или строка перед принудительным переносом строки
выравнивается, когда свойство text-align установлено в "justify" |
3 |
| text-justify |
Указывает, какой метод выравнивания использовать, когда свойство text-align установлено в
"justify" |
3 |
| text-outline |
Указывает контур текста |
3 |
| text-overflow |
Указывает, что должно произойти, когда текст переполняет содержащий его элемент |
3 |
| text-shadow |
Добавляет тень к тексту |
3 |
| text-wrap |
Указывает правила переноса строк для текста |
3 |
| word-break |
Указывает правила переноса строк для не-CJK документов |
3 |
| word-wrap |
Позволяет длинным, неразрывным словам разрываться и переноситься на следующую строку |
3 |
Свойства 2D/3D Трансформаций
| Свойство |
Описание |
CSS |
| transform |
Применяет 2D или 3D трансформацию к элементу |
3 |
| transform-origin |
Позволяет вам изменять положение трансформируемых элементов |
3 |
| transform-style |
Указывает, как вложенные элементы отображаются в трехмерном пространстве |
3 |
| perspective |
Указывает перспективу, откуда просматриваются трехмерные элементы |
3 |
| perspective-origin |
Указывает нижнее положение трехмерных элементов |
3 |
| backface-visibility |
Определяет, должен или нет элемент быть видимым, когда он повернут относительно плоскости экрана |
3 |
Свойства Перехода
Свойства Пользовательского Интерфейса
| Свойство |
Описание |
CSS |
| appearance |
Позволяет вам отображать элемент как стандартный элемент интерфейса пользователя |
3 |
| box-sizing |
Позволяет вам заставить определенные элементы заполнять область определенным способом |
3 |
| icon |
Обеспечивает автору возможность показывать элемент как пиктограмму (иконку) |
3 |
| nav-down |
Указывает, куда переходить при использовании клавиши навигации стрелка-вниз |
3 |
| nav-index |
Указывает порядок табуляции для элемента |
3 |
| nav-left |
Указывает, куда переходить при использовании клавиши навигации стрелка-влево |
3 |
| nav-right |
Указывает, куда переходить при использовании клавиши навигации стрелка-вправо |
3 |
| nav-up |
Указывает, куда переходить при использовании клавиши навигации стрелка-вверх |
3 |
| outline-offset |
Сдвигает контур и рисует его за пределами края границы |
3 |
| resize |
Указывает, может ли пользователь изменять размер элемента |
3 |
|
|
