Установка свойства text-decoration
Вы можете использовать свойство text-decoration для рисования различных типов линий внутри текста элемента. В таблице 7.12 представлены ключевые слова, которые могут быть назначены этому свойству:
Ключевое слово в text-decoration: | underline |
Пример правила CSS: | TITLE {text-decoration:underline} |
Описание: | Рисует линию под текстом |
Ключевое слово в text-decoration: | overline |
Пример правила CSS: | TITLE {text-decoration:overline} |
Описание: | Рисует линию над текстом |
Ключевое слово в text-decoration: | line-through |
Пример правила CSS: | TITLE {text-decoration:line-through} |
Описание: | Рисует линию, перечеркивающую текст |
Ключевое слово в text-decoration: | None |
Пример правила CSS: | TITLE {text-decoration:none} |
Описание: | Отображает текст без линий |
Вы можете применить более одного типа линий, присвоив свойству text-decoration несколько значений. (Однако включение ключевого слова none отменяет действие всех ранее установленных ключевых слов.) Например, следующее правило указывает браузеру нарисовать линию поверх и под текстом:
TITLE {text-decoration:underline overline}