Псевдостили текста

Свойство

Описание

:after

Псевдоэлемент, который используется для вывода желаемого контента после элемента, к которому он добавляется. Псевдоэлемент :after работает совместно со свойством content.

элемент:after { content: "текст" }

:before

Псевдоэлемент :before применяется для отображения желаемого контента до элемента, к которому он добавляется. Работает совместно со свойством content.

элемент:before { content: "текст" }

:first-letter

Применяется к первой букве первой строки абзаца. Может использоваться для создания буквиц.

{Задание стиля абзаца}:first-letter {Определение стиля};

Пример: st:first-letter {font-size: 16pt;}

:first-line

Применяется к первой строке абзаца.

{Задание стиля абзаца}:first-line{Определение стиля};

Пример: st:first-line {text-decoration: underline;}

Свойство

Описание

content

Свойство content позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует. Применяется совместно с псевдоэлементами after и before, они соответственно указывают отображать новое содержимое после или до элемента, к которому добавляются.

content: строка | attr(параметр) | open-quote | close-quote | no-open-quote | no-close-quote | url | counter | normal | none | inherit;

cтрока – текст, который добавляется на веб-страницу, строка при этом должна браться в двойные или одинарные кавычки. Допускается использовать юникод для вставки спецсимволов. Спецсимволы HTML которые начинаются с амперсанда (§ например), будут отображаться как есть, т.е. простым текстом (§, а не §).

attr(параметр) – возвращает строку, которая является значением параметра тега указанного в скобках. Например, img:after {content:attr(href)} добавит после изображения его адрес, т.е. значение параметра href. Если указанного параметра нет, то вернется пустая строка.

open-quote – вставляет открывающую кавычку, тип которой устанавливается с помощью стилевого свойства quotes.

close-quote – вставляет закрывающую кавычку.

no-open-quotes – отменяет добавление открывающей кавычки.

no-close-quote – отменяет добавление закрывающей кавычки.

url –абсолютный или относительный адрес вставляемого объекта. Если указанный файл браузер не может отобразить, то значение игнорируется.

counter – выводит значение счетчика, заданного свойством counter-reset.

none – не добавляет никакое содержание.

normal - задается как none для псевдоэлементов before и after.

inherit - наследует значение родителя.

orphans

Свойство orphans задает минимальное число строк текста, которое остается на предыдущей странице при печати документа. Это свойство работает в том случае, если весь текст размещается на двух и более печатных страницах.

orphans: число | inherit

page-break-after

Добавляет разрыв страницы при печати документа после заданного элемента.

page-break-after: always | auto | avoid | left | right | inherit

always – всегда добавляет разрыв страницы после элемента.

auto – вставляет разрыв страницы при необходимости.

avoid – запрещает разрыв страницы после элемента.

left – пропускает одну или две страницы после элемента, чтобы следующая страница при печати была четной.

right – пропускает одну или две страницы после элемента, чтобы следующая страница при печати была нечетной.

inherit – наследует значение родителя.

page-break-before

Добавляет разрыв страницы при печати документа перед заданным элементом.

page-break-before: always | auto | avoid | left | right | inherit

always – всегда добавляет разрыв страницы перед элементом.

auto – вставляет разрыв страницы при необходимости.

avoid – запрещает разрыв страницы перед элементом.

left – пропускает одну или две страницы перед элементом, чтобы следующая страница при печати была четной.

right – пропускает одну или две страницы перед элементом, чтобы следующая страница при печати была нечетной.

inherit – наследует значение родителя.

page-break-inside

Разрешает или запрещает разрыв страницы внутри элемента при печати.

page-break-inside: auto | avoid | inherit

auto – вставляет разрыв страницы при необходимости.

avoid – запрещает разрыв страницы внутри элемента.

inherit – наследует значение родителя.

windows

Свойство widows задает минимальное число строк текста, которое располагается на следующей странице при печати документа. Это свойство работает в том случае, если весь текст размещается на двух и более печатных страницах. Если значение свойства widows конфликтует со значением orphans, то widows имеет приоритет и учитывается в первую очередь.

widows: число | inherit

scrollbar-arrow-color

Задает цвет стрелок на кнопках полосы прокрутки.

scrollbar-arrow-color:{Цвет};

scrollbar-base-color

Задает цвет бегунка и кнопок-стрелок полосы прокрутки.

scrollbar-base-color:{Цвет};

scrollbar-highlight-color

Задает цвет "освещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет левых и верхних их граней).

scrollbar-highlight-color:{Цвет};

scrollbar-shadow-color

Задает цвет "неосвещенной" части бегунка и кнопок прокрутки полосы прокрутки (цвет правых и нижних их граней). Не путать с цветом "тени", задаваемым атрибутом scroll-darkshadow-color.

scrollbar-shadow-color: {Цвет};

scrollbar-track-color

Задает цвет рабочей части полосы прокрутки, т.е. той ее части, по которой перемещается бегунок.

scrollbar-track-color: {Цвет};