Свойства CSS

Свойства анимации

Свойство Описание 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
background Задает все свойства фона в одной декларации 1
background-attachment Определяет, будет ли фоновое изображение фиксированным или прокручиваемым с остальной частью страницы 1
background-color Устанавливает цвет фона для элемента 1
background-image Устанавливает фоновое изображение для элемента 1
background-position Устанавливает начальное положение фонового изображения 1
background-repeat Устанавливает, как фоновое изображение будет повторяться 1
background-clip Указывает область холста фона 3
background-origin Указывает, область позиционирования фонового изображения 3
background-size Указывает размер фонового изображения 3

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

Свойство Описание CSS
border Задает все свойства границ в одной декларации 1
border-bottom Устанавливает все свойства нижней границы в одной декларации 1
border-bottom-color Устанавливает цвет нижней границы 1
border-bottom-style Устанавливает стиль нижней границы 1
border-bottom-width Устанавливает ширину нижней границы 1
border-color Устанавливает цвет четырех границ 1
border-left Устанавливает все свойства левой границы в одной декларации 1
border-left-color Устанавливает цвет левой границы 1
border-left-style Устанавливает стиль левой границы 1
border-left-width Устанавливает ширину левой границы 1
border-right Устанавливает все свойства правой границы в одной декларации 1
border-right-color Устанавливает цвет правой границы 1
border-right-style Устанавливает стиль правой границы 1
border-right-width Устанавливает ширину правой границы 1
border-style Устанавливает стиль четырех границ 1
border-top Устанавливает все свойства верхней границы в одной декларации 1
border-top-color Устанавливает цвет верхней границы 1
border-top-style Устанавливает стиль верхней границы 1
border-top-width Устанавливает ширину верхней границы 1
border-width Устанавливает ширину четырех границ 1
outline Устанавливает все свойства контура в одной декларации 2
outline-color Устанавливает цвет контура 2
outline-style Устанавливает стиль контура 2
outline-width Устанавливает ширину контура 2
border-bottom-left-radius Определяет форму границы нижнего левого угла 3
border-bottom-right-radius Определяет форму границы нижнего правого угла 3
border-image Сокращенное свойство для установки всех свойств border-image-* 3
border-image-outset Определяет число, на которое изображение границы выходит за границы окна 3
border-image-repeat Указывает, должно ли изображение границы быть повторено, округлено или растянуто 3
border-image-slice Определяет внутреннее смещение изображения границы 3
border-image-source Определяет изображение, которое будет использоваться в качестве границы 3
border-image-width Определяет ширину изображения границы 3
border-radius Сокращенное свойство для определения всех свойств border-*-radius 3
border-top-left-radius Определяет форму границы в верхнем левом углу 3
border-top-right-radius Определяет форму границы в верхнем правом углу 3
box-decoration-break 3
box-shadow Определяет одно или несколько отбрасываний теней к коробке 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 Помещает плавающие элементы в противоположном направлении, где бы они плавали с float 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 Сокращенное свойство для установки свойств 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 Устанавливает выравнивание исходной точки падения для первичной точки подключения 3
drop-initial-after-align Устанавливает линию выравнивания в начальном окне, используемую в начальной точке присоединения с начальным символом 3
drop-initial-before-adjust Устанавливает выравнивание исходной точки падения для вторичной точки подключения 3
drop-initial-before-align Устанавливает линию выравнивания в начальном окне, используемую во вторичной точке присоединения с начальным символом 3
drop-initial-size Управляет частичным опусканием начального символа 3
drop-initial-value Активизирует первоначальный раскрывающийся эффект 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

Свойства Marquee

Свойство Описание 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 Дает подсказку о том, как масштабировать замененный элемент если ни его ширина ни высота не определены как 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 Указывает тип позиционирования для элементов (static, relative, absolute или fixed) 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-emphasis Сокращенное свойство для указания свойств text-emphasis-style и text-emphasis-color в одной декларации 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 Описывает, как последнюю строку блока или линии прямо перед вынужденым переносом строки выравнивать, когда выравнивание текста указано как «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 Определяет, как вложенные элементы будут отображаться в 3D-пространстве 3
perspective Определяет перспективы относительно того, как 3D-элементы, рассматриваются 3
perspective-origin Задает нижнее положение 3D-элементов 3
backface-visibility Определяет является ли элемент видимым, когда он не напротив экрана 3

Свойства перехода

Свойство Описание CSS
transition Сокращенное свойство для установки четырех свойств перехода в одном свойстве 3
transition-property Определяет имя свойства CSS для которого переход применяется 3
transition-duration Определяет продолжительность времени, в течении которого осуществляется переход. Значение по умолчанию 0 3
transition-timing-function Описывается, как расчитывается скорость во время перехода. Значение по умолчанию “ease” 3
transition-delay Определяет, когда начнется переход. Значение по умолчанию 0 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

Avaz Bokiev
Дата публикации: 23.06.2012

Leave a Reply

iWeb.uz located at ул. М. Улугбека 16 , Самарканд, Узбекистан . Reviewed by 155 customers rated: 9.9 / 10