Ноу Інти, лекція, відображення xml-документів з використанням таблиць каскадних стилів
Установка властивості letter-spacing
Ви можете скористатися властивістю letter-spacing для збільшення або зменшення просвіту між символами в тексті елемента. Для збільшення просвіту властивості letter-spacing слід привласнити позитивне значення у відповідних одиницях розміру. Наприклад, наступне правило збільшує просвіт між символами на одну чверть від висоти тексту:
Ви можете задати властивості letter-spacing від'ємне значення для зменшення просвіту між символами на значення у відповідних одиницях розміру. Наприклад, це правило зменшує просвіт між символами на половину пункту:
(Більш детальна інформація про різні види значень розмірів, які ви можете встановлювати, міститься на вставці "Завдання значень в розмірних одиницях" раніше в цій лекції.)
Ви також можете вибрати звичайну величину просвіту, встановивши для властивості letter-spacing значення normal. Наприклад, наступна таблиця стилів. приєднана до XML-документа з лістингу 7.4. призначає збільшений просвіт між символами для елемента TITLE. і призначає звичайний просвіт між символами для елемента SUBTITLE (друге призначення необхідно, щоб скасувати збільшений просвіт між символами, який в іншому випадку елемент SUBTITLE успадкував би від батьківського елемента TITLE):
Відповідно до правил цієї таблиці стилів, Internet Explorer 5 відобразить XML-документ як показано на малюнку 7.20.
Установка властивості text-align
Ви можете скористатися властивістю text-align для управління горизонтальним вирівнюванням тексту елемента. Це властивість буде працювати тільки в тому випадку, якщо ви використовуєте його для елемента типу block. Воно впливає як на сам елемент, так і на дочірні елементи, які він містить, незалежно від того, чи належать вони до типу block або inline. (Про елементи block і inline розповідалося в розділі "Установка властивості display".)
Властивість text-align впливає на вирівнювання тексту всередині області вмісту тексту. За замовчуванням область вмісту тексту займає практично повну ширину вікна браузера. Однак, ви можете модифікувати як ширину, так і положення області тексту елемента (див. Розділ "Установка властивостей текстових областей" далі в цій лекції).
Ви можете призначити властивості text-align одне з наступних трьох ключових слів:
- left. Вирівнює кожен рядок по лівому краю. Припустимо, ви застосовуєте наступне правило до XML-документу з лістингу 7.4 (на додаток до інших правил, які містяться в таблиці стилів з лістингу 7.3. За винятком установки властивості background-image. Яка віддалена):
Поема буде виглядати, як показано на малюнку 7.21.
Порада. Для відступу всіх рядків елемента (а не тільки для першого рядка), скористайтеся властивістю margin-left (див. Розділ "Установка властивостей управління полями" далі в цій лекції).
Ви можете задати негативне значення - в розмірних одиницях або у відсотках - щоб зрушити перший рядок вліво щодо інших рядків. Однак якщо ви просто привласните від'ємне значення властивості text-indent. перша частина рядка виявиться прихованої, як показано на малюнку 7.24.
Щоб уникнути цього, ви повинні встановити для елемента ліве поле. Наприклад, наступне правило встановлює ліве поле шириною в 4em (margin-left: 4em), а потім зрушує перший рядок на 2em (text-indent: -2em), створюючи висячий відступ. як показано на малюнку 7.25.