Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Март 2009  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
Текст (text)
С текстом в CSS можно производить множество различных трансформаций. Устанавливать нужное расстояние между символами, высоту строки, выравнивание текста по всевозможным границам, делать его подчеркнутым, перечеркнутым или мигающим. Устанавливать величину отступа первой строки для абзаца, и в то же время последующие строки будут выввыводится без отступа, преобразовывать прописные буквы в заглавные, не меняя их высоты и т.д...

Свойства:

text-align
- определяет выравнивание текста по горизонтали.
Примеры:

Code
text-align: left; // Выравнивание по левому краю

Code
text-align: right; // Выравнивание по правому краю

Code
text-align: center; // Выравнивание по центру

Code
text-align: justify; // Выравнивание по всей ширине блока

Значение по умолчанию - left

vertical-align

- определяет выравнивание текста по вертикали.
Примеры:
Code
vertical-align: middle; // Выравнивание по центру высоты

Code
vertical-align: bottom; // Выравнивание по нижней части контейнера

Code
vertical-align: top; // Выравнивание по верхней части контейнера

Значение по умолчанию - top

letter-spacing
- определяет межбуквенное расстояние.
Значения устанавливаются любыми величинами имеющимися в CSS.
Пример:

Code
letter-spacing: 3px; // Межбуквенное расстояние 3 пикселя

line-height
- определяет высоту строки.
Значения устанавливаются пикселями, процентами и множителем.
Примеры:

Code
line-height: 16px; // Высота строки 16 пикселей

Code
line-height: 70%; // Высота строки 70% от размера шрифта

Code
line-height: 1.5; // Высота строки ровно полтора размера шрифта

Code
line-height: normal; // Высота строки стандартная

Значение по умолчанию - normal

text-decoration
- Определяет подчеркивание, перечеркивание, линию над текстом и мигание.
Примеры:

Code
text-decoration: blink; // Мигающий текст

Code
text-decoration: line-through; // Перечеркнутый текст

Code
text-decoration: underline; // Подчеркнутый текст

Code
text-decoration: overline; // Линия над текстом

Code
text-decoration: none; // Отменяет все вышеописанные свойства

Значение по умолчанию - none

text-indent
- определяет отступ первой строки в абзаце.
Значения устанавливаются в пикселях или процентах.
Пример:

Code
text-indent: 25px; // Отступ первой строки 25 пикселей

text-transform
- позволяет совершать различные манипуляции с регистром.
Примеры:

Code
text-transform: capitalize; // Каждое слово начинается с заглавной буквы

Code
text-transform: lowercase; // Все символы будут строчными

Code
text-transform: uppercase; // Все символы будут прописными

Code
text-transform: none; // Ничего не изменяет

Значение по умолчанию - none

white-space
- способы отображения переносов строк и пробелов в самом коде.
Примеры:

Code
white-space: nowrap; // Текст выводится в одну строку, игнорируя переносы

Code
white-space: pre; // Текст выводится точно так же, как и написан в коде

Code
white-space: normal; // Текст выводится как обычно по умолчанию

Значение по умолчанию - normal

word-spacing
- определяет расстояние между словами.
Можно указывать любыми величинами имеющимися в CSS.
Примеры:

Code
word-spacing: 10px; // Расстояние между словами 10 пикселей

Code
word-spacing: normal; // Расстояние между словами стандартное

Значение по умолчанию - normal
Категория: CSS | Просмотров: 441 | Добавил: Red_Line666x | 12:48 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 2008-2017 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на http://school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"