Главная Обратная связь

Дисциплины:

Архитектура (936)
Биология (6393)
География (744)
История (25)
Компьютеры (1497)
Кулинария (2184)
Культура (3938)
Литература (5778)
Математика (5918)
Медицина (9278)
Механика (2776)
Образование (13883)
Политика (26404)
Правоведение (321)
Психология (56518)
Религия (1833)
Социология (23400)
Спорт (2350)
Строительство (17942)
Технология (5741)
Транспорт (14634)
Физика (1043)
Философия (440)
Финансы (17336)
Химия (4931)
Экология (6055)
Экономика (9200)
Электроника (7621)






Установка свойства letter-spacing



 

Стандарт CSS поддерживает следующие свойства, позволяющие модифицировать разбивку, выравнивание и другие характеристики текста:

· letter-spacing;

· vertical-align;

· text-align;

· text-indent;

· line-height;

· text-transform;

· text-decoration.

Дочерние элементы наследуют все эти свойства, за исключением vertical-align.

Свойством letter-spacing можно воспользоваться для увеличения или уменьшения просвета между символами в тексте элемента. Для увеличения просвета свойству letter-spacing следует присвоить положительное значение в соответствующих единицах размера. Например, следующее правило увеличивает просвет между символами на одну четверть от высоты текста:

 

TITLE {letter-spacing:.25em}

 

Можно задать свойству letter-spacing отрицательное значение для уменьшения просвета между символами на значение в соответствующих единицах размера. Например, это правило уменьшает просвет между символами на половину пункта:

 

TITLE {letter-spacing:-.5pt}

 

(Более подробная информация о различных видах значений размеров, которые можно устанавливать, содержится в разделе “Задание значений в размерных единицах”.)

Можно выбрать также обычную величину просвета, установив для свойства letter-spacing значение normal. Например, следующая таблица стилей, присоединенная к XML-документу из Листинга 1.6, назначает увеличенный просвет между символами для элемента TITLE, и назначает обычный просвет между символами для элемента SUBTITLE (второе назначение необходимо, чтобы отменить увеличенный просвет между символами, который в противном случае элемент SUBTITLE унаследовал бы от родительского элемента, TITLE):

 

РОЕМ

{font-size: 145%}

РОЕМ, TITLE, SUBTITLE, AUTHOR, SECTION, STANZA, VERSE

{display: block}

SECTION, STANZA

{margin-top: 1em}

TITLE

{letter-spacing: .5em}

SUBTITLE

{letter-spacing: normal}

В соответствии с правилами этой таблицы стилей, Internet Explorer отобразит XML-документ как показано на следующем рисунке.

Рисунок 21. Использование свойства letter-spacing

 

 

Установка свойства vertical-align

 

Свойство vertical-align можно использовать для создания верхних или нижних индексов (надстрочных и подстрочных символов). Это свойство оказывает воздействие только на элементы inline (см. раздел “Установка свойства display”).

Cвойству vertical-align можно назначить одно из ключевых слов CSS, описанных в таблице 7.10. Ниже представлен фрагмент XML-документа, в котором свойство vertical-align применено только для элемента CHILD, являющимся элементом inline и описанным в документе следующим образом:



 

<PARENT>Родительский элемент

<CHILD>Дочерний элемент</CHILD>

</PARENT>

 

Дочерние элементы не наследуют свойство vertical-align.

Таблица 5.9

Ключевые слова, используемые для свойства vertical-align

Ключевое слово для vertical-align Пример правила CSS Описание
baseline (по умолчанию) CHILD {font-size: 75%; vertical-align: baseline} Совмещает базовую линию текста элемента с базовой линией текста родительского элемента
sub CHILD {font-size: 75%; vertical-align: sub} Отображает текст элемента как нижний индекс
super CHILD {font-size: 75%; vertical-align: super} Отображает текст элемента как верхний индекс

 


Эта страница нарушает авторские права

allrefrs.ru - 2018 год. Все права принадлежат их авторам!