В CSS существуют следующие меры длины:
em - эквивалентны вычисленному значению свойства '
font-size' того элемента, в котором оно используется. Исключением является тот случай, когда '
em' появляется в самом значении свойства '
font-size', тогда оно относится к размеру шрифта родительского элемента. Может использоваться для вертикального или горизонтального измерения. (Эта единица измерения иногда называется квад-ширина в типографском тексте.)
ex- определяются '
x-height' шрифта. x-height называется так, потому что она часто равна высоте "
x" нижнего регистра. Однако '
ex' определены даже для тех шрифтов, которые не содержат "
x".
px - Пиксели относительны к разрешению устройства просмотра, т.е. чаще всего - дисплея компьютера. Если плотность пикселов выводного устройства сильно отличается от плотности типичного компьютерного дисплея, ПА должен перемасштабировать пиксельные значения. Рекомендуется, чтобы пиксель в качестве точки отсчёта был визуальным углом одного пикселя на устройстве с плотностью пикселов
90dpi на расстоянии вытянутой руки от читателя. При нормальной длине руки 28 дюймов визуальный угол будет примерно
0.0227 градусов.
in - дюймы - 1 дюйм равен
2.54 сантиметра.
cm - сантиметры
mm - миллиметры
pt - пункт, используемый в CSS2, равен
1/72 дюйма.
pc - пики. 1 пика равна
12 пунктам.
div { margin: 0.5em } /* em */
span { margin: 1ex } /* ex */
P { font-size: 12px } /* px */
H1 { margin: 0.5in } /* дюймы */
H2 { line-height: 3cm } /* сантиметры */
H3 { word-spacing: 4mm } /* миллиметры */
H4 { font-size: 12pt } /* пункты */
H4 { font-size: 1pc } /* пики */
Процентные значения всегда относительны к другому значению, например, размеру. Каждое свойство, допускающее процентные значения, определяет также значение, на которое ссылается процентное. Значение может быть взято из другого свойства того же элемента, свойства элемента-предка или значения контекста форматирования (например, ширины содержащего блока). Если процентное значение установлено для свойства корневого элемента и проценты определены как относительные к наследуемому значению какого-либо свойства, то результирующее значение - это начальное значение этого свойства, взятое кратным количеству процентов.
p {font-size:20%}
Цвет это или предопределённое слово, или числовая спецификация RGB.
Список названий цветов:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white и yellow. Эти 16 цветов определены в HTML 4.0. Пользователь может дополнительно специфицировать ключевые слова, соответствующие цветам, используемым определёнными объектами в среде пользователя.
Посмотреть более полный список цветов определяемых с помощью английских названий и числового кода Вы можете ЗДЕСЬ.
p {color: red}
Формат значения RGB в 16-ричной записи - '#' за которым сразу идут три или шесть 16-ричных символов. Трёхсимвольная запись RGB (#rgb) конвертируется в шестисимвольную форму (#rrggbb) путём дублирования цифр, но не дополнением нулями. Например, #fb0 расширяется до #ffbb00. Это гарантирует, что белый (#ffffff) можно специфицировать сокращённой записью (#fff) и удалить зависимость от глубины цвета на дисплее.
EM { color: #ff0000 }
Формат значения RGB в функциональной записи - 'rgb(' за которым идёт список разделённых запятыми трёх числовых значений (или трёх целых, или трёх процентных) с последующей ')'. Целое значение 255 соответствует 100% и F или FF в 16-ричной записи: rgb(255,255,255) = rgb(100%,100%,100%) = #FFF. Пробельные символы допускаются вокруг числовых значений.
EM { color: rgb(255,0,0 ) }
EM { color: rgb(100%, 0%, 0% ) }
Угловые значения используются со звуковыми таблицами стилей.
Единицами измерения углов являются:
deg - градусы
grad - грады
rad - радианы
Угловые значения могут быть негативными. Они должны быть нормализованы ПАгентом до диапазона 0-360deg. Например, -10deg и 350deg эквивалентны.
Для примера, правый угол - '90deg' или '100grad', или '1.570796326794897rad'.
Значения частот используются со звуковыми каскадными таблицами стилей.
Идентификаторами единиц измерения частоты являются:
hz - герцы
khz - килогерцы
Значения частоты не могут быть негативными.
Например, 200Hz (или 200hz) - это басовый звук, а 6kHz (или 6khz) - средний регистр.