|Web Учебник | Самоучитель по HTML |Самоучитель по PHP + MySql |Основы PhotoShop |Контакты. |

Правила для текста в CSS.

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

Правило text-indent: определяет отступ первой буквы в блоке. Это правило применяется только к содержимому бокса, который является блоком(display: block). Правило text-indent принимает следующие значения:
text-indent:inherit - на усмотрение П.А., начальное ноль.
text-indent:2em - любые единицы длины, как абсолютные, так и относительные. Значение может быть отрицательным.
text-indent:10% - в процентах, относительно ширины содержащего блока.
Правило text-indent наследуется потомками.

Правило text-align: определяет как выравнивать инлайн-содержимое от носительно содержащего боксаа. Применяется только если содержащий бокс является блоком (display: block). Данное правило принимает следующие значения: text-align:inherit - на усмотрение П.А.
text-align:left - выровнять по левому краю.
text-align:right - выровнять по правому краю.
text-align:center - выровнять по центру.
text-align:justify - выровнять по обеим сторонам.
text-align:"текст" - это правило приминяется только в ячейках таблиц, например у вас таблица содержит список товаров, которым указаны цены(10руб 23коп, 0руб 99коп, 125руб 00коп), в этом случае CSS позволяет выравнивать содержимое по куску текста, к примеру text-align:"руб" выстроит друг под другом все руб. Это правило работает только в ячейках, в противном случае работает как left или right, все зависит от направления текста.
Данное правило наследуется потомками.

Декоративные эфекты к тексту в CSS.

Правило text-decoration: вклчает и в некоторых случаях выключает декоративное оформление текста. Значения для правила text-decoration:
text-decoration:none - это начальное значение для обычного текста, но у ссылки по умолчанию underline, то при помощи псевдокласов гиперссылок можно убирать это подчеркиваение.
text-decoration:inherit - на усмотрение П.А.
text-decoration:underline - подчеркнутый текст, выглядит как текст в теге U.
text-decoration:overline - надчеркнутый текст.
text-decoration:line-through - перечеркнутый текст, выглядит как текст в теге S или STRIKE.
text-decoration:blink - это значение делает текст мигающим.
Правило text-decoration применяется к лубым элементам. Данное правило не наследуется.

Правило text-text-shadow: задает тень для текста. Данное правило применяется к всем элементам, начальное значение none, но если вы решили задать тень то вам нужно задать минимум две единицы длины:
*{text-text-shadow: 5px 5px } - первая цифра сдвигает тень вертикально, положительное число сдвигает тень в низ, а отрицательное число вверх. Второе число сдвигает тень по горизонтали, положительное число вправо, а отрицательное влево. Эдиницы измерения могут быть любыми, как относительне, так и отрицательные.
*{text-text-shadow: 5px 5px 3px} - если не задавать третье значение то тень полностью повторяет текст , а третье значение управляет размытостью тени, отрицательное значение скрывает тень вообще.
*{text-text-shadow: red 5px 5px 3px} - по умолчанию тень наледует цвет у текста, но можно его изменить таким способом. Цветовая схема - любая допустимая в CSS.
Тротестируйте это правило:
p{font-size: 35pt; background: white; color: white;
text-shadow: black 10px 10px 5px;
}

Мы сделами цвет текста и фона белым, а тень черным, если браузер поддерживает CSS-2 и CSS-3 то смотрится супер, а в CSS-1 не видно ни чего. И спецификация по CSS не рекомендует использовать этот набор правил.

Правило letter-spacing: управляет растоянием между символами, и может принимать значения:
letter-spacing:normal - нормальное растояние.
letter-spacing:10px - относительные или абсолютные единицы измерения.
letter-spacing:inherit - на усмотрение П.А.
В процентах не задается.

Правило word-spacing: управляет растоянием между словами, и может принимать значения:
word-spacing:normal - нормальное растояние.
word-spacing:10px - относительные или абсолютные единицы измерения.
word-spacing:inherit - на усмотрение П.А.
В процентах не задается.

Правило text-transform: управляет регистром символов и может иметь значения:
text-transform:none начальное значение, текст не трансформируется.
text-transform:inherit - на усмотрение П.А.
text-transform:capitalize - певая буква каждого слова переводится в верхний регист.
text-transform:uppercase - все символы переводятся в верхний регистр.
text-transform:lowercase - все символы переводятся в нижний регистр.
Правило не наследуется.

Правило white-space: управляет пробелами и в некоторых случаях разрывами строк. Принимает значения:
white-space:normal - начальное значение, пробелы сжимаются.
white-space:inherit - на усмотрение П.А.
white-space:pre - пробелы не сжимаются, это правило есть альтернативой устаревшего тега PRE.
white-space:nowrap - пробелы сжимаются, но при этом сжимаются и переносы строк.
Это правило наследуется. Применяется только боксам типа display: block.

 

                   Перейти к выбору следующей страницы
 

Добавить в закладки
Добиться абсолютной межбраузерности для механизма добавления в закладки не существует ни на каких языках!!! А для браузера "Chrome" не работают вообще ни какие механизмы!!!
Потому это лучше всего делать в ручную при помощи одновременого нажатия клавиш Ctrl и D , после чего нужно нажать готово(добавить). Такой "механизм работает всегда и везде!!!