Таблица изменений шрифта
| Таблица изменений шрифта | ||
| Название | Значение | Пример и применение |
| Font-family: | Задает имя шрифта: | |
| arial "times new roman" |
<P style=”font-family: Arial”> </P> или в каскадных таблицах стилей (если название шрифта более одного слова то его нужно брать в кавычки “Times new roman”) |
|
| Font-size: | Задает размер шрифта: | |
| 30px | <P style =”font-size: 12px”></ P > или в каскадных таблицах стилей | |
| Font-variant: | Задает вид малых букв шрифта и можно задавать 2 параметра: | |
| normal (задает обычный вид малых букв шрифта)
small - caps (делает их такими как и большие только меньшего размера) |
<P style=”font-variant: small-caps”> </P> или в каскадных таблицах стилей | |
| Color: | Задает цвет шрифта: | |
#00008B green |
<P style =”color: #00008 B”></ P > или в каскадных таблицах стилей | |
| Text-indent: | Задает отступ красной строки (абзац): | |
| 30px | <P style=”text-indent: 30px”></P> или в каскадных таблицах стилей | |
| Line-height: | Междустрочный интервал: | |
| 20px | <P syle=”line-height: 20px”> </ P > или в каскадных таблицах стилей | |
| Поддерживается IE и NN 4.0 | ||
| Text - align : | Выравнивание текста по: | |
| левому краю | <P style=”text-align: left></P> или в каскадных таблицах стилей | |
| центру | <P style=”text-align: center></P> или в каскадных таблицах стилей | |
| правому краю | <P style=”text-align: right></P> или в каскадных таблицах стилей | |
| по ширине | <P style=”text-align: justify></P> или в каскадных таблицах стилей | |
| Text-align-last: | Задает горизонтальное выравнивание последней строки абзаца: | |
| -auto | Выравнивает последнюю строку абзаца так, как и предыдущие. | |
| -inherit | Унаследует выравнивание от предыдущей строки. | |
| -left | Выравнивание текста по левому краю. | |
| -right | Выравнивание текста по правому краю. | |
| -center | Выравнивание текста по центру краю. | |
| -justify | Выравнивание текста по ширине. | |
| Поддерживается, начиная с IE 3.02, для текстовых элементов и начиная с 4.0 для нетекстовых, а также для NN версии 4.0 | ||
| Text-decoration: | Задает специальные свойства текста: | |
| None | Отмена любого специального оформления (например: подчеркивание при гиперссылках)
<P style text-decoration=”none”></P> или в каскадных таблицах стилей |
|
| Underline | Подчеркивает текст как в теге <U></U>. Удобно использовать при каскадных таблицах стилей.
<P style text-decoration=”Underline”></P> или в каскадных таблицах стилей |
|
| Overline | Черта сверху текста.
<P style text-decoration=”Overline”></P> или в каскадных таблицах стилей |
|
| Line-through | Зачеркивает текст.
<P style text-decoration=”Line-through”> </P> или в каскадных таблицах стилей |
|
| Blink | Мигание текста (не советую использовать потому как не используется в IE и некоторых других браузерах).
<P style text-decoration=”Blink”></P> или в каскадных таблицах стилей |
|
| Uppercase | Все буквы становятся заглавными.
<P style text-decoration=”Uppercase”></P> или в каскадных таблицах стилей |
|
| Lowercase | Все буквы становятся маленькими (прописными)
<P style text-decoration=”Lowercase”></P> или в каскадных таблицах стилей |
|
| Capitalize | Каждое слово в строке начинается с большой буквы.
<P style=”text-decoration: Capitalize”></P> или в каскадных таблицах стилей |
|
| Text-underline-position: | Задает подчеркивание текста выше, или ниже текста (имеет смысл, если text - decoration =”” равет underline или overline) Два значения: |
|
| Below (линия подчеркивания появляется под текстом) Above (линия подчеркивания – над текстом) |
<P style=”text-underline-position: belove”> </P> или в каскадных таблицах стилей | |
| Поддерживается IE 5.5 (не советую использовать) | ||
| Text-transform: | Преобразовывает символы регистра текста: | |
| none – отключает любые преобразования регистра символов (по умолчанию). | <P style=”text-transform: capitalize”> </P> или в каскадных таблицах стилей | |
| capitalize – преобразует первую букву каждого слова текста в верхний регистр. | ||
| Uppercase – преобразует все символы текста в верхний регистр. | ||
| Lowercase – в нижний регистр. | ||
| Поддерживается IE и NN начиная с 4.0. | ||
| Стили оформления текста: | ||
| Font: caption | Шрифт заголовка кнопок, текстовых меток. (один из стандартных шрифтов только для IE) | <P style=”font: caption”></P> или в каскадных таблицах стилей |
| Font : icon | Шрифт подписей под пиктограммой (один из стандартных шрифтов только для IE) | <P style=”font: icon”></P> или в каскадных таблицах стилей |
| Font: menu | Шрифт пунктов меню (один из стандартных шрифтов только для IE) | <P style=”font: menu”></P> или в каскадных таблицах стилей |
| Font: message-box | Шрифт стандартных окон предупреждений (один из стандартных шрифтов только для IE) | <P style=”font: massage-box”></P> или в каскадных таблицах стилей |
| Font: small-caption | Мелкий шрифт заголовков (один из стандартных шрифтов только для IE) | <P style=”font: small-caption”></P> или в каскадных таблицах стилей |
| Font: status-bar | Шрифт содержащего строки состояния (один из стандартных шрифтов только для IE) | <P style=”font: status-bar”></P> или в каскадных таблицах стилей |
| Font-width: | Задает “жирность” шрифта внутри тега | |
| (от 100 до 900) | <P style=”font-width: 150”></P> или в каскадных таблицах стилей | |
| Font-style: | Задает начертание шрифта. Используется 3 значения: | |
Normal : обычный вид шрифта (по умолчанию) Italic : курсивное начертание Obligue : наклонное начертание (легкий наклон нормального шрифта) (IE отображает как курсив в NN не поддерживается) |
<P style=”font-style: normal”></P> или в каскадных таблицах стилей | |
| Поддерживается в IE , начиная с 3-4 версии и NN начиная с версии 4.0 | ||
| Clear | Задает поведение текста при оптекании какого либо объекта (например при оптикании картинки) | |
|
-None -left -right -all |
<P style=”clire: al”><Img src=”/pic/maxix.gif”></P> или в каскадных таблицах стилей | |
| Поддерживается в IE и NN начиная с версии 4.0 | ||
| Word-spacing | Определяет дополнительное расстояние между словами в тексте | |
| Задается: либо абсолютной величиной, либо значением normal. | <P style=”word-spacing”></P> или в каскадных таблицах стилей | |
| поддерживается IE , начиная с 4.0 | ||
| Word - warp | Устанавливает будет ли переносится строка не содержащая пробелов. | |
| - normal | Запрещает переносить строки по словам (по умолчанию) | |
| -break-word | Разрешает перенос. Используется в теге <P></P> и в каскадных таблицах стилей | |
| Поддерживается IE 5.5 | ||
| Word-mode | Задает направление строк текста горизонтальное и вертикальное | |
| -Lr - td | Обычное горизонтальное начертание строк по словам (значение по умолчанию) Используется в теге <P></P> и в каскадных таблицах стилей |
|
| -tb - rl | Поворачивает текст на 90 o по часовой стрелке; при этом он будет писаться с верху в низ. Используется в теге <P></P> и в каскадных таблицах стилей |
|
| Поддерживается IE , начиная с версии 5.5. | ||
| Direction | Задает порядок чтения текста: с лева на право и с права на лево. | |
| Ltr | Задает порядок чтения с лева на право Используется в теге <P></P> и в каскадных таблицах стилей |
|
| Rtl | С права на лево Используется в теге <P></P> и в каскадных таблицах стилей |
|
| Inherit | Заставляет наследовать порядок чтения наследуемый у предыдущих строк Используется в теге <P></P> и в каскадных таблицах стилей |
|
| Unicode-bidi | Задает поведение встроенных элементов при изменении направлении письма с помощью атрибутов: | |
| Normal | Меняет направление письма и у родителей (по умолчанию) Используется в теге <P></P> и в каскадных таблицах стилей |
|
| Embed | Миняет направления письма только у встроенного элемента Используется в теге <P></P> и в каскадных таблицах стилей |
|
| Bidi-override | Похоже по сути на значение embed Используется в теге <P></P> и в каскадных таблицах стилей |
|
| Поддерживается IE 5.0 (новинка не советую использовать) | ||
