Вы находитесь на странице: 1из 3

calc() - позволяет выполнять вычисления для определения значений свойств CSS.

width: calc(90% - 30px);

caption-side - помещает содержимое таблицы на указанную сторону. Значения указаны относительно


таблицы.
caption-side: top|bottom|inherit|initial|unset|(left|right|top-outside|bottom-outside); нестандарт

caret-color - CSS устанавливает цвет курсора ввода текста.


caret-color: color|transparent|auto;

character-variant() - функция позволяет использовать определенные стилистические варианты для


персонажей. Параметр - это имя для конкретного шрифта, сопоставленное с числом. Поддержка только
FireFox.

@charset - определяет кодировку символов, используемую в таблице стилей. Правило @charset должно
быть первым элементом в таблице стилей и не предшествовать какому-либо символу.
@charset "UTF-8";

clear - указывает, на каких сторонах элемента плавающие элементы не могут плавать.


clear: none|left|right|both|initial|inherit;
left - с левой стороны не допускается плавающие элементы.
right - с правой стороны не допускается плавающие элементы.
both - с обеих сторон не допускается плавающие элементы.

clip - позволяет указать прямоугольник для обрезки абсолютно позиционированного элемента.


Прямоугольник задается как четыре координаты, все из верхнего левого угла элемента, который необходимо
обрезать.
clip: auto|shape|initial|inherit;
shape - Клипы элемента. Единственным допустимым значением является: Rect (top, right, bottom, left).

clip-path - создает область отсечения, которая устанавливает, какая часть элемента должна
отображаться. Свойство определяется как одно или комбинацию из значений.
clip-path: none|url()|margin-box|border-box|padding-box|content-box|fill-box|stroke-box|view-box|
inset|circle|ellipse|polygon|path|inherit|initial|unset;

color - задает цвет текста, а также устанавливает currentcolor значение. currentcolor может использоваться
как косвенное значение для других свойств и является значением по умолчанию для других свойств цвета.
color: color|initial|inherit;

color-adjust - устанавливает, что может сделать пользовательский агент для оптимизации внешнего вида
элемента на устройстве вывода. По умолчанию браузеру разрешено вносить любые изменения во внешний
вид элемента, которые он считает необходимыми и разумными с учетом типа и возможностей устройства
вывода.
color-adjust: economy|exact;
economy - Пользовательскому агенту разрешено вносить изменения в элемент, если он сочтет это
целесообразным и разумным.
exact - Внешний вид контента не должен изменяться кроме как по запросу пользователя.

column-count - указывает количество столбцов, в которые должен быть разделен элемент.


column-count: number|auto|initial|inherit;

column-fill - указывает, как заполнять столбцы сбалансированными или нет. При добавлении высоты к
элементу с несколькими столбцами можно управлять тем, как содержимое заполняет столбцы. Содержимое
может быть сбалансировано или заполнено последовательно.
column-fill: balance|auto|initial|inherit;
balance - Значение по умолчанию. Заполняет каждый столбец примерно одинаковым объемом
содержимого, но не позволяет столбцам быть выше высоты.
auto - Заполняет каждый столбец до тех пор, пока он не достигнет высоты, и сделать это до тех пор, пока
он заканчивается содержание.

column-gap - указывает зазор между столбцами.


column-gap: length|normal|initial|inherit;
normal - Значение по умолчанию. Задает нормальный зазор между столбцами. W3C предлагает значение
1em.

column-rule - задает ширину, стиль и цвет для разделителя(границы) между столбцами. Сокращения
column-rule: column-rule-width column-rule-style column-rule-color|initial|inherit;

column-rule-color - задает цвет разделителя(границы) между столбцами.


column-rule-style - задает стиль разделителя(границы) между столбцами.
column-rule-width - задает ширину разделителя(границы) между столбцами.
column-span - задает количество столбцов, на которые должен растягиваться заголовок в
многоколоночном тексте.
column-span: 1|all|initial|inherit;

column-width - задает ширину столбца. Является гибким свойством. После того, как браузер не может
вместить по крайней мере два столбца по заданной ширине, столбцы будут останавливаться и падать в
один столбец.
column-width: auto|length|initial|inherit;

columns - является сокращенным свойством для column-width и column-count.


columns: auto|column-width column-count|initial|inherit;

conic-gradient() - создает изображение , состоящее из градиента с цветовыми переходами


поворачивается вокруг центральной точки. Конический градиент указывается путем указания угла поворота,
центра градиента, а затем указания списка цветовых точек. В отличие от линейного и радиального
градиентов, границы цвета которых устанавливаются путем указания длины , границы цвета конического
градиента указываются с углом .
conic-gradient(deg|grad|rad|turn);
conic-gradient(red, orange, yellow, green, blue);
conic-gradient(red 0deg, orange 90deg, yellow 180deg, green 270deg, blue 360deg);

contain -
content - свойство используется с псевдо-элементами :: before и :: After, чтобы вставить сгенерированное
содержимое.
content: normal|none|counter|attr|string|open-quote|close-quote|no-open-quote|no-close-quote|url|
initial|inherit;
counter - задает содержимое в качестве счетчика.
attr - задает содержимое в качестве одного из атрибутов селектора.
open-quote - устанавливает содержимое в качестве открывающей кавычки.
no-open-quote - удаляет открывающую цитату из содержимого, если она указана.
url - задает содержание, чтобы быть какой-то носитель (изображение, звук, видео и т.д.).

counter(countername) - возвращает строку , представляющую текущее значение названного счетчика,


если таковой имеется. Обычно он используется с псевдоэлементами , но теоретически может
использоваться везде, где поддерживается значение.
counter-increment - увеличивает или уменьшает значение одного или нескольких счетчиков CSS.
counter-increment: none|id|initial|inherit;
id number - ID определяет, какой счетчик следует увеличивать. Значение Number задает, сколько
счетчик будет увеличиваться при каждом вхождении селектора. По умолчанию приращение равно 1.
Допустимы отрицательные значения. Если ID ссылается на счетчик, который не был инициализирован
счетчиком сброса, начальное значение по умолчанию равно 0.

counter-reset - создает или сбрасывает один или несколько счетчиков CSS.


counter-reset: none|name number|initial|inherit;
id number - ID определяет, какой счетчик необходимо сбросить. Number задает значение счетчика
сбрасывается для каждого вхождения селектора. Значение по умолчанию Number равно 0

counter-set - устанавливает счетчик CSS на заданное значение.


counter-set: none|name number|initial|inherit;

cross-fade() - может быть использована , чтобы смешать два или более изображений при определенной
прозрачности.
cross-fade( url(white.png) 25%, url(black.png) 75%); /* 25% white, 75% black */

cursor - указывает курсор мыши, отображаемый при наведении на элемент.


cursor: value;

CSS 3D Transforms
CSS позволяет форматировать элементы с помощью трехмерных преобразований.

Вам также может понравиться