Справочник CSS

Документация

1.6k.

Цвета в CSS, Единицы измерения в CSS

Содержание

Цвет и фон
Размеры
Отступы
Позиционирование
Отображение
Рамка
Шрифты и работа с текстом
Тень и прозрачность
Списки
Трансформации

Цвет и фон

color// цвет текста

background// фон элемента

background-color// фоновый цвет элемента

background-image// одно или несколько фоновых изображений

background-repeat// повтор изображения на фоне

background-size// размер фонового изображения

background-position// расположение фонового изображения

background-attachment// фиксирует фон при прокрутке

background-clip// отображение фона под границами элемента

background-origin// область расположения фонового изображения

Размеры

width// устанавливает ширину элемента

height// устанавливает высоту элемента

min-width// устанавливают минимальную ширину элемента

max-width// устанавливают максимальную ширину элемента

min-height// устанавливают минимальную высоту элемента

max-height// устанавливают максимальную высоту элемента

box-sizing// способ вычисления ширины и высоты элемента

Отступы

margin// определяет внешние отступы

margin-top// внешний отступ сверху

margin-right// внешний отступ справа

margin-bottom// внешний отступ снизу

margin-left// внешний отступ слева

padding// определяет внутренние отступы

padding-top// внутренний отступ сверху

padding-right// внутренний отступ справа

padding-bottom// внутренний отступ снизу

padding-left// внутренний отступ слева

Позиционирование

position// задает способ позиционирования элемента

top// определяет позицию сверху

right// определяет позицию справа

bottom// определяет позицию снизу

left// определяет позицию слева

float// устанавливает обтекание элемента

Отображение

display// тип отображения блока

overflow// действие при выходе содержимого за пределы поля элемента

overflow-x// действие при выходе содержимого за пределы поля элемента по горизонтали

overflow-y// действие при выходе содержимого за пределы поля элемента по вертикали

Рамка

border// определяет рамку у элемента

border-width// ширина рамки

border-color// задает цвет рамки

border-style// стиль рамки

border-radius// радиус скругления углов

border-top-width// ширина верхней рамки

border-right-width// ширина правой рамки

border-bottom-width// ширина нижней рамки

border-left-width// ширина левой рамки

Шрифты и работа с текстом

@font-face// определение общих настроек шрифтов

font-size// размер шрифта

font-family// определяет семейство шрифтов

font-weight// толщина шрифта

font-style// стиль текста

line-height// межстрочный интервал

text-align// выравнивание текста

text-decoration// декоративные линии на тексте

content// вставка пользовательского контента в начале и в конце элемента

Тень и прозрачность

box-shadow// добавление тени

opacity// непрозрачность элемента

Списки

list-style// одновременно задает для списка стиль, положение и изображение маркера

list-style-type// задает тип маркера элемента списка

list-style-image// изображение в качестве маркера элемента списка

list-style-position// положение маркеров элементов списка

Трансформации

transform// двухмерное или трехмерное преобразование

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