8 параметров CSS для манипуляции с текстом | uCoz
   

8 параметров CSS для манипуляции с текстом

Главная » Уроки » CSS

Рассмотрим подробно параметры текста в каскадных таблицах стилей.

8 параметров CSS для манипуляции с текстом

1. Параметр "text-align" служит для определения выравнивания текста в структурном элементе. Может принимать четыре значения:

  1. center - выравнивает текст по центру;
  2. right – выравнивает текст по правой стороне;
  3. left – выравнивает текст по левой стороне;
  4. justify – выравнивает текст с двух сторон.

Пример:

h3 { text-align: left; }

2. Параметр "text-transform" нужен для управления регистром символов в структурном элементе. Может принимать опять же четыре значения:

  1. uppercase – служит для определения только заглавных букв;
  2. lowercase – служит для определения только символов нижнего регистра;
  3. capitalize – служит для определения первой буквы каждого слова как заглавной;
  4. none – служит для определения обычного текста (с заглавными буквами и символами нижнего регистра).

Пример:

h3 { text-transform: capitalize; }

3. Параметр "text-decoration" предназначен для дополнительного оформления текста (кроме цвета). Возможны следующие значения:

  1. none – задает обычный текст;
  2. line-through – задает текст, перечеркнутый линией;
  3. overline – задает текст с линией над ним;
  4. underline – задает текст с линией под ним;
  5. blink – задает мигающий текст.

Пример:

h3 { text-decoration: underline; }

4. Параметр "text-indent" задает отступ для первой строки текста структурного элемента. Может принимать два значения:

  1. % - задает отступ в процентах от всей ширины элемента;
  2. length – задает фиксированный отступ.

Пример:

p { text-indent: 15px; }

5. Параметр "color" определяет цвет текста. В качестве значения параметра color может выступать шестнадцатеричное значение (#00ff00); значение rgb - rgb(0,0,255), а также название цвета (green).

Пример:

p { color: red; }

6. Параметр "letter-spacing" служит для увеличения или уменьшения интервала между символами.

Имеет два значения:

  1. normal – задает обычный интервал между символами;
  2. length – задает фиксированный интервал между символами.

Пример:

p { letter-spacing: 15px; }

Параметр может принимать отрицательное значение.

7. Параметр "word-spacing" предназначен для увеличения или уменьшения интервала между словами.

Имеет два значения:

  1. normal – задает обычный интервал между словами;
  2. length – задает фиксированный интервал между словами.

Пример:

h1 { word-spacing: 15px; }

Команда может принимать отрицательное значение.

8. Параметр "white-space" определяет обработку пробелов внутри структурного элемента. Возможны следующие значения:

  1. nowrap – до появления тега br, текст не переноситься на следующую строку;
  2. pre - пробел сохраняется в браузере (действует аналогично тегу pre в html);
  3. normal – пробел игнорируется в браузере.

Пример:

h1 { white-space: pre; }

Хотите, чтобы ваш бизнес был конкурентоспособным? Тогда вам нужна ip телефония, которая возьмет на себя создание и управление коммуникационной инфраструктурой вашей фирмы. Её можно заказать в компании, работающей на рынке уже 10 лет, – Манго-Офис.

Категория: CSS; Урок сделан: 27.05.2012; Просмотров : 1586; Рейтинг : 5.0/1;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Задать вопрос

Вы можете задать свой вопрос, соответствующий тематике сайта.

Задумался?

Задать свой вопрос

Вход


Здравствуйте, Гость!


Copyright © 2010-2016 Pro100uCoz.ru