Використання рамок в CSS

Для настройки рамок у FrontPage є вкладка Borders діалогового вікна CSS Borders and Shading. Вкладка Borders показана на мал. 7.

Мал. 7. Вкладка Вогders дiалогового вікна CSS Borders and Shading

Як скористатися засобами цієї вкладки:

1. Двічі клацніть мишкою по одному з варіантів в групі Setting:

• None означає, що рамки використовуватися не будуть. У цьому випадку ніякі додаткові настройки вам не потрібні;

• Box означає, що виділений вами об'єкт буде обведений рамкою зі всіх чотирьох сторін;

• Custom означає, що ви можете вибрати рамку тільки з однієї, двох або трьох сторін.

2. Виберіть відповідний стиль для рамки в списку Style. При цьому в полі Preview відразу ж відобразиться зроблений вами вибір.

3. Використайте стандартний набір діалогових вікон Color для вибору кольору рамки.

4. Поле Width дозволяє задавати товщину рамки.

5. Якщо ви вибрали Custom в групі Setting (або просто вирішили скористатися таким підходом), ви можете скористатися значками навколо головного зображення в полі Preview. Ці значки дозволяють застосовувати рамки до різних сторін об'єкта.

Група Padding на цій вкладці дозволяє задавати розмір буферної області з різних сторін об'єкта.

Якщо ви працюєте з рамками CSS в режимі коду HTML, звичайно замість більш докладних атрибутів, наведених в табл. 9, простіше використати більш загальні атрибути border і padding. Наприклад, по значенню:

special { border; 2px solid #900; } нічим не буде відрізнятися від довшого рядка:special { border-width: 2px; border-style; solid; border-color; #900; }

У більшості випадків не обов'язково дотримуватися чіткого порядку для вказівки атрибутів рамки. Браузер сам зможе розібратися, що імена стилів відносяться саме до стилів рамки, значення кольору - це колір рамки і т. д. Однак, якщо вам необхідно вказати одночасно і товщину рамки, і ширину буферної зони, значення для них в одиницях вимірювання CSS необхідно розташовувати в певному порядку.

Друга вкладка діалогового вікна Borders and Shading, яка називається Shading, дозволяє настроїти затінення (або фон). Ця вкладка показана на мал.8.