Значения CSS

Что такое значения CSS?

Значения CSS устанавливаются относительно свойств CSS и находятся в блоке объявления CSS. , который является частью правила/оператора CSS.

CSS 2.1 допускает следующие типы значений: Целые и действительные числа, длины, проценты, URL-адреса и URI, счетчики, цвета,
Строки, неподдерживаемые значения.

Целые и действительные числа

Можно использовать целые и действительные числа как значения CSS. При использовании им может предшествовать знак + или -. Также разрешены десятичные числа.

Используется в следующих свойствах CSS

z-index, line-height, counter-increment. Также может использоваться в качестве значений цвета CSS.

Длина

Длина может использоваться для указания горизонтальных или вертикальных измерений.

При использовании , за сразу следует единица. Между числом и единицей не должно быть пробелов. Для некоторых свойств разрешена отрицательная длина, но для некоторых свойств отрицательное значение является результатом ошибки.

Используется в следующих свойствах CSS

width, margin, padding , размер шрифта, ширина границы, тень текста и т. д.

Единицы

В CSS используются два типа единиц: Относительные , и Абсолютное .

Относительные единицы относятся к другой длине. При использовании они могут генерировать гибкий вывод на различных носителях (например, экран, печать). Абсолютные единицы используются для указания фиксированной ширины независимо от области просмотра. Полезно, когда длина выходного носителя известна.

Относительные единицы, используемые в CSS :

Unit Используемый знак Описание
Пиксель px Пиксель просматривающего устройства.
em em Соответствующий размер шрифта.
ex ex Высота по оси x соответствующего шрифта.

Абсолютные единицы, используемые в CSS

Единица Используемый знак Описание
Дюймы в 1 дюйм равен 2,54 сантиметру и примерно 96 пикселей.
сантиметры см Известная единица измерения. 100 см = 1 метр.
Миллиметры мм Известная единица измерения. 1000 мм = 1 метр
Точки pt 1 pt = 1/72 пф на дюйм.
Picas pc 1 pica = 12 баллов.

Percentages

Percentages можно использовать, указав число, за которым следует «% «.

Используется в следующих свойствах CSS

width, margin-top, font-size и т. д..

URL-адреса и URI

URL-адреса и URI используются в качестве значений CSS для указания на ресурс (например, изображение) . Значение URI имеет следующий формат: url («URL»). Цитата вокруг URL необязательна. Вы также можете использовать относительные URI.

Используется в следующих свойствах CSS

background-image, cursor, list-style и т. Д.

Счетчики

Счетчики обозначаются идентификаторами с учетом регистра. Формат использования счетчиков: counter (counter-identifier) ​​. Типичный пример идентификатора счетчика — per-num.

Используется в

Может использоваться с большинством селекторов элементов и псевдоселекторов.

Цвета

цвет — это либо ключевое слово, либо числовая спецификация RGB, либо шестнадцатеричное значение цвета . Он используется для установки цвета текста, написанного в документе HTML.

Используется в

color, background, border или box-shadow — распространенные примеры свойств CSS, которые используют цвета в качестве значения. Большинство свойств CSS принимают цвет как значения.

Единицы

Ключевые слова RGB Десятичный шестнадцатеричный
aqua 0,25,255 # 00ffff
черный 0,0,0 # 000000
синий 0,0,255 # 0000ff
фуксия 255,0,255 # ff00ff
серый 128,128,128 # 808080
зеленый 0,128,0 # 008000
лайм 0,255,0 # 00ff00
бордовый 128,0,0 # 800000
флот 0,0,128 # 000080
olive 128,128,0 #808000
оранжевый 255,165,0 # ffA500
фиолетовый 128,0,128 # 800080
красный 255,0,0 # ff0000
sil вер 192,192,192 # c0c0c0
бирюзовый 0,128,128 # 008080
белый 255,255,255 #ffffff
желтый 255,255,0 # ffff00

Строки

Формат записи строк может быть как в двойных, так и в одинарных кавычках.

Используется в

Большинство свойств CSS принимают строки как значения.

Auto

Auto — это значение, автоматически рассчитываемое пользовательскими агентами (например, браузерами).

Используется в следующих свойствах CSS

overflow, cursor, width, marker-offset, margin, bottom, left, table-layout, z-index.

Inherit

Элемент, который содержит наследуемое значение , подтверждает значение того же свойства CSS своего родительского элемента.

Используется в следующих свойствах CSS

Все свойства CSS могут принимать наследование .

Initial

Если используется, соответствующий элемент принимает начальное/значение по умолчанию (например, начальное значение свойства CSS color — черный).

Используется в следующих свойствах CSS

Почти все свойства CSS могут принимать начальное .

Нет

Если указано, значение не прикрепляется к соответствующему элементу, что часто приводит к скрытию элемента.

Используется в следующих свойствах CSS

Почти все свойства CSS не могут принимать none .

Нет

Если указано, значение не прикрепляется к соответствующему элементу, что часто приводит к скрытию элемента.

Используется в следующих свойствах CSS

border, list-style-type, max-height.

Shape

Используется для создания формы для свойств CSS, таких как клип.

Неподдерживаемый

Если значение не поддерживается пользовательским агентом, он игнорирует это значение как недопустимое.

Оцените статью
nanomode.ru
Добавить комментарий