... главная страницаКарта сайтаКонтакты

Главная
Синтаксис CSS
Свойства CSS
Форматирование блоков
Списки
Пример применения стилей
Оптимизация стилей
Оформление текстов
Использование блоков
Позиционирование
Слои в CSS
Готовые решения
Дополнительные возможности CSS
Программа TopStyle
Таблица цветов

 

Все свойства CSS

 
Яндекс.Метрика
 
 

Свойства CSS. Текст и его свойства (стр.1).

 

 

Цвет и фон ||  Шрифт ||  Изменение размера шрифта ||  Текст и его свойства ||  Интервалы


До сих пор мы рассматривали только свойства шрифта. Свойства текста позволяют задавать параметры не букв, а слов, предложений и их взаимного расположения. Если проводить аналогии с текстовыми редакторами, то сейчар мы будем заниматься форматированием абзацев и слов внутри них.

Свойство text-decoration

Это свойство позволяет оформлять текст. Допускаются такие значения:

  • none - не производится никакого дополнительного оформления текста;
  • underline - каждая строка текста подчеркивается;
  • overline - каждая строка текста надчеркивается линией, расположенной над текстом, — своеобразное подчеркивание, только сверху;
  • line-through - каждая строка текста отображается зачеркнутой;
  • blink — на экран выводится мигающий текст (для текста меняются состояния "видимый" и "невидимый").

Значение underline соответствует элементу и в языке HTML, а значение line-through аналогично элементу S. Существует еще и элемент BLINK, содержимое которого выводит мерцающий текст, но он поддерживается только браузерами Netscape (Mozilla в том числе) и последними версиями браузера Opera. Таким образом, для Internet Explorer нет возможности отобразить мерцающий текст, поскольку значение blink для свойства text-decoration не поддерживается, так же как не поддерживается и элемент BLINK.

Подчеркнутый, надчеркнутый и зачеркнутый текст на Web-страницах встретишь нечасто. Чаще всего свойство text-decoration используется для того, чтобы убрать подчеркивание у ссылок. Для этого пишут такое правило:



A:link, A:visited, A:active { text-decoration: none }

Можно включить подчеркивание для ссылок во время наведения на них курсора мыши. Тогда в обычном состоянии ссылки не будут подчеркнуты, а при наведении курсора подчеркивание появится, как бы сигнализируя о том, что данный фрагмент текста является ссылкой.

A: hover { text-decoration: underline }

Как вы помните, средствами HTML мы так и не смогли убрать подчеркивание У ссылок в макете сайта, который верстали только при помощи средств HTML в главе 8. Теперь это можно легко сделать, но уже средствами CSS.

Свойство text-align

Данное свойство позволяет задать выравнивание текста относительно родительского элемента. Возможны значения:

  • left — выравнивание по левому краю;
  • center — выравнивание по центру;
  • right — выравнивание по правому краю;
  • justifу — выравнивание по ширине.

По большому счету, возможности этого свойства ничем не отличаются от возможностей атрибута align различных элементов, но в HTML выравнивание приходилось задавать для каждого элемента, теперь же это можно сделать один раз, в соответствующем CSS-правиле.

Для сравнения приводим способ выравнивания текста в абзаце при помощи CSS и только на HTML:



Выравнивание текста в HTML и CSS
HTML CSS
<Р align="justify">Текст только этого абзаца будет выровнен по ширине.</Р> Р { text-align: justify }
<P>Текст этого и других абзацев будет выровнен по ширине.</P>

 

Страница: - 1 - | - 2 - | - 3 -

 

Цвет и фон ||  Шрифт ||  Изменение размера шрифта ||  Текст и его свойства ||  Интервалы

 

Наверх страницы

 

Уроки CSS © 2007 - 2018 г. Все права защищены