Одиниці вимірювання, що використовуються в CSS.

Одиниці вимірювання використовуються для різних атрибутів, що задаються з допомогою CSS Наприклад, в чомусь необхідно вказувати висоту символів, ширину рядків в абзаці і товщину рамки. Всі величини вказуються в наступному форматі, спочатку йде число, а за ним (без пропуску) одиниця вимірювання. Можливі одиниці вимірювання представлені в табл. 5a – 5в.

Звичайно проблеми виникають з абсолютними одиницями вимірювання. Наприклад, задавши величину 1іm, нам абсолютно невідомо, як таку величину відобразить монітор відвідувача Web-сайта. У більшості відеосистем одна точка еквівалентна одному пікселю, але це справедливо не для всіх систем.

При використанні процентних одиниць вимірювання їх значення може бути різним в залежності від типу об'єкта. Для переважної більшості об'єктів відсоток береться від їх розмірів за умовчанням. Наприклад, якщо вказана довжина рядків в параграфі, дорівнює 80%, це означає, що буде використана довжина, рівна 80% від значення, яке використовувалося б без цієї команди. Однак з цього правила є і виключення.

• Для кольору процентні одиниці вимірювання будуть відповідати звичайній RGB-шкалі (значення від 0 до 255).

• Якщо ви вкажете товщину лінії в процентах, то вона буде встановлена в процентах від розміру шрифту (в крапках), який оточує цю лінію.

При вказівці кольору можна використати будь-яку з 5 незалежних схем.

• За іменем. Ви можете використати 16 стандартних кольорів FrontPage (назви кольорів виводяться при переміщенні курсора на выбраний вами кольором в першому діалоговому вікні для вибору кольорів). Приклад:

{ color, red; }

• За допомогою шістнадцяткового 12-бітного значення. Вкажіть співвідношення червоного, зеленого і синього за допомогою трьох шістнадцяткових значень від 0 до F, перед якими стоїть знак фунта (#). Приклад:

{ color: #FOO; }

• За допомогою шістнадцяткового 24-бітного значення. Співвідношення червоного, зеленого і синього вказується вже за допомогою шести шістнадцяткових цифр (від 00 до FF). Перед ними також ставиться знак фунта. Приклад:

{ color- #FFOOOO; }

• За допомогою десятекового 24-бітного значення. Використовується звичайне десятеричне значення (0-255), а замість знаку фунта - ключове слово rgb. Приклад:

{ color: rgb(255,0,0); }

• За допомогою позначення інтенсивності кожного кольору в процентах. Приклад:

{ color: rgb(100%, 0%, 0%), }