CSS Cheat Sheet — интерактивный, а не PDF

все изменяет все свойства

анимация привязывает анимацию к элементу

анимация-задержка задерживает начало анимации

анимация-направление обратная анимация или в чередующихся циклах

animation-duration продолжительность анимации в секундах или мс

animation-fill-mode стиль, когда анимация не воспроизводится

animation-iteration-count количество повторов анимации

9 0002 имя-анимации имя анимации @keyframes

анимация-воспроизведение-состояние анимация запущена или приостановлена ​​

анимация-тайминг-функция кривая скорости анимации

backface-visibility элемент виден, если не смотреть на экран

фон все свойства фона в одном объявлении e режим наложения каждого фонового слоя

background-clip область рисования фона

background-color

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

установить тип списка item marker

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 преобразование.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *