15. Стили фрагментов текста


Псевдоэлементы применяются для назначения стилей определенным фрагментам в зависимости от их позиции в структуре документа. В CSS введено два псевдоэлемента:

first-letter

Применяется для задания стиля первого символа (например в строке).

P:first-letter {font-weight: bold}

В итоге получится, что каждая первая буква нового абзаца будет отображаться так же, как первая буква абзаца в этом документе.

first-line

Предназначен для задания стилевого правила первой строки текста. Этот псевдоэлемент применяется только к блокам.

DIV:first-line.primer { font-style: italic; font-weight: bold}


Вот так будет отображаться первая строчка блока, если блок будет принадлежать к классу primer. А следующие строчки будут отображаться как обычно. Если не совсем понятна запись кода повыше (хотя должна быть понятна), то растолкую. DIV это блочный элемент. :first-line это псевдоэлемент, а .primer класс.





.: CONTENTS :.

Гостевая книга

Учебник по CSS. Справочник. Для чайников.

(назад) - Свойства ссылок

(вперед) - Свойство position






  Яндекс.Метрика
Hosted by uCoz