CSS Cheat Sheet — интерактивный, а не PDF
все изменяет все свойства
анимация привязывает анимацию к элементу
анимация-задержка задерживает начало анимации
анимация-направление обратная анимация или в чередующихся циклах
animation-duration продолжительность анимации в секундах или мс
animation-fill-mode стиль, когда анимация не воспроизводится
animation-iteration-count количество повторов анимации
9 0002 имя-анимации имя анимации @keyframesанимация-воспроизведение-состояние анимация запущена или приостановлена
анимация-тайминг-функция кривая скорости анимации
backface-visibility элемент виден, если не смотреть на экран
фон все свойства фона в одном объявлении e режим наложения каждого фонового слоя
background-clip область рисования фона
background-color
background-image background image
background-origin расположение фонового изображения
background-position начальная позиция фонового изображения
background-repeat способ повторения фонового изображения
размер фона background image size
border устанавливает все свойства границы в одну строку
border-bottom свойства нижней границы в одну строку
цвет нижней границы цвет нижней границы
радиус нижней левой границы радиус нижней левой границы
радиус нижней правой границы радиус нижней правой границы
9 0002 нижняя граница -стильширина нижней границы ширина нижней границы
граница коллапса граница коллапс
граница-цвет цвет рамки
9000 2 граница-изображение устанавливает изображение в качестве границыграница-изображение-начало граница области изображения выходит за границы рамки к нарезать изображение границы
источник изображения границы путь к изображению границы
ширина изображения границы ширина изображения границы
граница слева свойства левой границы в одной строке
цвет границы слева цвет границы слева
стиль границы слева
ширина границы слева ширина границы слева
радиус границы 90 003 радиус границы четырех закругленных углов
border-right right border свойства в одну строку border right width
border-spacing border spacing
border-style border style
border-top top border свойства в одну строку
border- верхний цвет граница верхний цвет
border-top-left-radius border-top-left-radius
border-top-right-radius border-top-right radius
border-top-style border-top style
border-top-width ширина верхней границы
ширина границы ширина границы
нижняя часть нижнее смещение для относительных и абсолютных элементов
box-shadow тень к элементу izing box sizing properties
caption- сторона размещение заголовка таблицы
очистить запретить плавание элемента
клип клип абсолютно позиционированный элемент
цвет цвет текста
количество столбцов разделить содержимое на столбцы
заполнение столбцов сбалансированное заполнение или нет
зазор между столбцами разделитель правила
цвет правила столбца цвет правила столбца
стиль правила столбца стиль правила столбца
ширина правила столбца ширина правила столбца
столбца кастрюля ширина столбца
ширина столбца ширина столбца
столбца установка ширины столбца и количества столбцов
содержимое вставка содержимого: до и после элементов
счетчик приращений количество секций
counter-reset сброс счетчика
курсор тип курсора при наведении на элемент
направление направление письма, арабский язык использует rtl
дисплей тип отображения окна
пустые ячейки скрытие границ и фона на пустых ячейках таблицы
фильтр эффекты изображения: оттенки серого, размытие, инвертирование и т.
д. 4
flex-basis начальная длина гибкого элемента
flex-direction направление гибких элементов
flex-flow сокращение для flex-direction и flex-wrap
flex-grow насколько элемент будет увеличиваться по сравнению с другими элементами
flex-shrink как сжать элемент относительно других элементов
flex-wrap обернуть гибкие элементы
9 0002 float float элементы слева или справашрифт все свойства шрифта в одной строке
@font-face объявить небезопасные веб-шрифты
семейство шрифтов шрифт элемента
размер шрифта размер шрифта
font-size-adjust управление размером шрифта, если первая объявленная опция недоступна
font-stretch расширение или сужение текста
font-style стиль шрифта: обычный, курсив, наклонный 90 004
вариант шрифта набор заглавных букв
толщина шрифта использование полужирных или тонких символов
висячая пунктуация можно ли поставить знак препинания за пределами строки?
высота
justify-content при необходимости выравнивает элементы гибкого контейнера по горизонтали
@keyframes указывает код анимации
left левое смещение для относительных и абсолютных элементов 05 межбуквенный интервал пробел между символов высота строки высота строки текста или элементов встроенного блока стиль списка все свойства списка в одной строке list-style-image заменить маркер элемента списка изображением list-style-position маркеры элементов списка внутри или вне потока содержимого list-style-type margin установить верхнее, правое, нижнее и левое поля в одну строку правое поле margin-top margin top max-height максимальная высота элемента max-width максимальная ширина элемента @media см. минимальная высота минимальная высота минимальная ширина минимальная ширина nav-down куда перемещаться при нажатии кнопки со стрелкой вниз nav-index навигация влево куда перемещаться при нажатии кнопки со стрелкой влево навигация вправо куда перемещаться при нажатии кнопки со стрелкой вправо навигация вверх куда перемещаться при нажатии кнопка со стрелкой вверх нажата непрозрачность уровень прозрачности элемента порядок переупорядочить элементы в контейнере контур нарисовать внешнюю границу вокруг элементов контур- цвет цвет контура смещение контура разрыв между элементом и контуром стиль контура стиль контура ширина контура переполнение скрывать, отображать или прокручивать, если содержимое выходит за пределы container overflow-x горизонтальное переполнение overflow-y вертикальное переполнение padding padding между границей элемента и содержимым нижний слой нижний слой нижний слой левый верхний слой правый нижний слой правый верхний слой верхний слой верхний ding top page-break-after добавляет разрыв страницы после element page-break-before добавляет разрыв страницы перед элементом page-break внутри разрешить разрыв страницы внутри элемента
медиазапросы
позиция тип позиционирования: абсолютное, фиксированное, относительное, статическое
изменить размер объявить элементы с изменяемым размером
вправо смещение вправо для относительных и абсолютных элементов
размер табуляции длина символа табуляции длина пробела
table-layout алгоритм компоновки таблицы
text-align горизонтальное выравнивание текста
text-align-last горизонтальное выравнивание последней строки текста
text-decoration надчеркивание, подчеркивание или зачеркивание текста
900 02 отступ текста отступ первой строки текстаtext-overflow способ маркировки переполненного содержимого (многоточие)
text-shadow text shadow
text-transform капитализация текста
верхнее верхнее смещение для относительных и абсолютных элементов
преобразование 2D 3D преобразование.
