русс | укр

Языки программирования

ПаскальСиАссемблерJavaMatlabPhpHtmlJavaScriptCSSC#DelphiТурбо Пролог

Компьютерные сетиСистемное программное обеспечениеИнформационные технологииПрограммирование

Все о программировании


Linux Unix Алгоритмические языки Аналоговые и гибридные вычислительные устройства Архитектура микроконтроллеров Введение в разработку распределенных информационных систем Введение в численные методы Дискретная математика Информационное обслуживание пользователей Информация и моделирование в управлении производством Компьютерная графика Математическое и компьютерное моделирование Моделирование Нейрокомпьютеры Проектирование программ диагностики компьютерных систем и сетей Проектирование системных программ Системы счисления Теория статистики Теория оптимизации Уроки AutoCAD 3D Уроки базы данных Access Уроки Orcad Цифровые автоматы Шпаргалки по компьютеру Шпаргалки по программированию Экспертные системы Элементы теории информации

CSS оформление текста

Для текстовых элементов можно задать отступ (абсолютной величиной или в процентах), выравнивание, подчёркивание, надчёркивание и зачёркивание, особым образом оформить первую букву абзаца.

Таблица 2.4. Свойства текстового оформления
Свойство Описание Умолчание Применение
text-indent Отступ текста 0 К блочным элементам
text-align Выравнивание текста Зависит от браузера К блочным
text-decoration Оформление текста none К блочным
text-shadow Тень текста none Ко всем
letter-spacing Разрежение литер normal Ко всем
word-spacing Разрежение слов normal Ко всем
text-transform Преобразование текста none Ко всем
white-space Пробельные последовательности normal К блочным

Выравнивание текста

text-align:left|right|center|justify

Оформление текста

text-decoration:none|underline|overline|line-through|blink

  • underline - подчёркивание,
  • overline - надчёркивание,
  • line-through - зачёркивание,
  • blink - мерцание.

Тень текста

text-shadow:none|Sv1 Sv2 Sv3 Cv,...

  • Sv1 - отступ тени от текста по горизонтали,
  • Sv2 - отступ тени от текста по вертикали,
  • Sv3 - радиус размытия тени,
  • Cv - цвет тени.

Если отступ тени задан положительным числом, то тень располагается справа (снизу) от текста, а если отрицательным - слева (сверху). Можно наложить несколько теней, перечислив их через запятую.

Разрежение литер и слов

letter-spacing:normal|Pv|em
word-spacing:normal|Pv|em

При оформлении разрежения между литерами (словами) задаваемая величина представляет изменение интервала между литерами (словами) относительно предусмотренного параметрами шрифта. Положительное число увеличивает интервал, а отрицательное - уменьшает.

Преобразование текста

text-transform:none|capitalize|uppercase|lowercase

  • capitalize - первая литера каждого слова переводится в верхний регистр,
  • uppercase - каждая литера каждого слова переводится в верхний регистр,
  • lowercase - каждая литера каждого слова переводится в нижний регистр.

Пробельные последовательности

white-space:normal|pre|nowrap

  • normal - последовательность пробелов сокращается до одного пробела и при необходимости разрываются,
  • pre - пробельные последовательности не сжимаются и разрываются только переводом на новую строку кодом в исходном тексте,
  • nowrap - как normal, но разрывы строк блокируются.

Просмотров: 18623

Вернуться воглавление


Карта сайта Карта сайта укр


Уроки php mysql Программирование

Онлайн система счисления Калькулятор онлайн обычный Инженерный калькулятор онлайн Замена русских букв на английские для вебмастеров Замена русских букв на английские

Аппаратное и программное обеспечение Графика и компьютерная сфера Интегрированная геоинформационная система Интернет Компьютер Комплектующие компьютера Лекции Методы и средства измерений неэлектрических величин Обслуживание компьютерных и периферийных устройств Операционные системы Параллельное программирование Проектирование электронных средств Периферийные устройства Полезные ресурсы для программистов Программы для программистов Статьи для программистов Cтруктура и организация данных


 


Полезен материал? Поделись:

Не нашли то, что искали? Google вам в помощь!

 
 

© life-prog.ru При использовании материалов прямая ссылка на сайт обязательна.