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

Дисциплины:

Архитектура (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)






Установка свойства line-height



 

Свойство line-height управляет расстоянием между базовыми линиями соседних строк текста элемента. Можно воспользоваться этим свойством для разбивки строк по вертикали.

Свойству line-height можно присвоить значение, выраженное в любой из размерных единиц. Предположим, вы применили следующее правило для XML-документа из Листинга 1.6 (в дополнение к правилам, содержащимся в таблице стилей из Листинга 1.5, за исключением установки свойства background-image, которое удалено с целью облегчения восприятия):

 

STANZA {line-height: 2em}

 

Текст элемента STANZA будет иметь двойной междустрочный интервал, как показано на следующем риснуке.

Альтернативой является задание междустрочного интервала в процентах от высоты текста элемента. Например, следующее правило эквивалентно предыдущему, т.е. задает двойной междустрочный интервал:

 

STANZA {line-height: 200%}

 

Рисунок 25. Использование свойства text-indent

 

Установка свойства text-transform

 

Свойством text-transform можно воспользоваться для управления стилем прописных букв текста элемента при отображении его браузером. Для данного свойства можно задать значения в виде ключевых слов, описанных в таблице 5.10.

Таблица 5.10

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

Ключевое слово для text-transform Пример правила CSS Описание Образец
capitalize STANZA {text-transform: capitalize} Превращает все первые буквы слов в прописные Изучение Языка Разметки Документов
uppercase STANZA {text-transform: uppercase} Преобразует в прописные все буквы Изучение языка разметки документов
lowercase STANZA {text-transform: lowercase} Отображает все буквы строчными изучение языка разметки документов
none STANZA {text-transform: none} Отображает текст без изменения стиля прописных букв Изучение языка разметки документов

 

Установка свойства text-decoration

 

Свойство text-decoration можно использовать для рисования различных типов линий внутри текста элемента. В таблице 5.11 представлены ключевые слова, которые могут быть назначены этому свойству:

Таблица 5.11

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

Ключевое слово для text- decoration Пример правила CSS Описание Образец
underline TITLE {text- decoration: underline} Рисует линию под текстом Установка свойств
overline TITLE {text- decoration: overline } Рисует линию над текстом
line-through TITLE {text- decoration: line-through} Рисует линию, перечёркивающую текст Установка свойств
none TITLE {text- decoration: none} Отображает текст без линии Установка свойств

 



Можно применить более одного типа линий, присвоив свойству text-decoration несколько значений. (Однако включение ключевого слова none отменяет действие всех ранее установленных ключевых слов.) Например, следующее правило указывает браузеру нарисовать линию поверх и под текстом:

TITLE { text- decoration: underline overline}

 


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

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