Обработка пробелов white-space
Поможем в ✍️ написании учебной работы
Поможем с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой

 

Свойство обрабатывает пробелы между словами и переносы строк внутри элемента. Не наследуется.

white-space

Значения:  
normal Значение по умолчанию. Между словами вставляется только по одному пробелу, дополнительные пробелы отбрасываются. Текст переносится только в случае необходимости.
nowrap Запрещает переносы строк, за исключением применения <br>.
pre Пробелы в тексте не игнорируются, браузер отображает дополнительные пробелы и переносы строк.
pre-wrap Сохраняет пробелы в тексте, делая разрывы строк там, где это необходимо.
pre-line Удаляет лишние пробелы, за исключением случаев <br>.
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

 

p {white-space: normal;} p {white-space: nowrap;} p {white-space: pre;} p {white-space: pre-wrap;} p {white-space: pre-line;}

Настройка табуляции tab-size

 

Для изменения величины отступа, получаемого с помощью клавиши ТAB, используется свойство tab-size. Значения свойства игнорируются, когда установлено одно из трёх значений pre-line, normal или nowrap свойства white-space.

Работает только для элементов <textarea> и <pre>, для остальных блочных элементов значение всегда будет равно единице. Значения свойства, указанные в единицах длины, поддерживается только в Chrome 42+.

tab-size

Значения:  
целое число Любое целое положительное число. По умолчанию табуляция делает отступ, равный восьми пробелам.
длина Значение отступа, указываемое в единицах длины, например, рх.
initial Устанавливает значение свойства в значение по умолчанию.
inherit Наследует значение свойства от родительского элемента.

Синтаксис

 

pre {-moz-tab-size: 16;} /* Firefox */ pre {-o-tab-size: 16;} /* Opera 10.6-12.1 */ pre {tab-size: 16;}

Трансформирование текста text-transform

 

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

Text-transform

Значения:   none Значение по умолчанию, означает отсутствие трансформации. Также отменяет трансформацию текста для элемента в группе элементов с установленным свойством. capitalize Изменяет написание первой буквы каждого слова в элементе, делая её прописной. uppercase Выводит все слова в элементе прописными буквами. lowercase Выводит все слова в элементе строчными буквами. initial Устанавливает значение свойства в значение по умолчанию. inherit Наследует значение свойства от родительского элемента.

Синтаксис

 

h2 {text-transform: none;} h2 {text-transform: capitalize;} h2 {text-transform: uppercase;} h2 {text-transform: lowercase;}

Направление написания текста direction

 

Свойство задаёт направление написания текста, направление размещения столбца таблицы, направление, в котором блок заполняет содержимое по горизонтали и положение последней строки выровненного по ширине элемента. Рекомендуется использовать вместе со свойством unicode-bidi. Наследуется.

Direction

Значения:   ltr Значение по умолчанию, текст отражается слева направо. rtl Текст отражается справа налево. initial Устанавливает значение свойства в значение по умолчанию. inherit Наследует значение свойства от родительского элемента.

Синтаксис

 

p {direction: ltr;} p {direction: rtl;}

Направление написания слов в тексте unicode-bidi

 

Свойство используется вместе со свойством direction для поддержки написания слов в двунаправленном тексте. Не наследуется.

Unicode-bidi

Значения:   normal Значение по умолчанию, направление отображения текста определяется браузером на основе используемой кодировки. embed Устанавливает параметры отображения текста как указано в свойствеdirection, но при этом, при изменении направления, изменяется лишь расположение конечных символов пунктуации. bidi-override Работает аналогично значению embed, но при этом, при изменении направления, меняется также и направление написания слов в тексте. initial Устанавливает значение свойства в значение по умолчанию. inherit Наследует значение свойства от родительского элемента.

Синтаксис

 

p {unicode-bidi: normal;} p {unicode-bidi: embed;} p {unicode-bidi: bidi-override;}

Дата: 2018-12-21, просмотров: 448.