Wiki-учебник по веб-технологиям: CSS/ПараметрыТекста ...

Главная | |

Параметры текста в CSS: подробное рассмотрение


Параметр 'color'

Этот параметр задает цвет текста.

Наследование: да.

Может принимать следующие значения:

Значение Описание
color Значением color может быть название цвета (red), значение rgb (rgb(255,0,0)) или шестнадцатеричное значение (#ff0000)

Пример:
h1
{
color: green
} 


Параметр 'direction'

Параметр задает направление текста.

Наследование: да.

Может принимать следующие значения:

Значение Описание
ltr Направление текста слева направо
rtl Направление текста справа налево

Пример:

p
{
direction: rtl
} 


Параметр 'letter-spacing'

Данный параметр увеличивает или уменьшает интервал между символами.

Наследование: да.

Примечание: допускаются отрицательные значения.

Может принимать следующие значения:

Значение Описание
normal Определяет обычный пробел между символами
Length Определяет фиксированный пробел между символами

Примеры:

pre
{
letter-spacing: -2px
}
pre
{
letter-spacing: 20px
} 


Параметр 'text-align'

Этот параметр задает выравнивaние текста в элементе.

Наследование: да.

Может принимать следующие значения:

Значение Описание
left Выравнивает текст слева
right Выравнивает текст справа
center Центрирует текст
justify

Пример:

h1
{
text-align:right
} 


Параметр 'text-decoration'

Данный параметр задает дополнительное оформление текста.

Наследование: нет.

Примечание: цвет оформления должен быть задан свойством “color”.

Может принимать следующие значения:

Значение Описание
None Определяет обычный текст
Underline Определяет линию под текстом
Overline Определяет линию над текстом
line-through Определяет линию через текст
Blink Определяет мигающий текст

Пример:

h1
{
text-decoration: overline
} 


Параметр 'text-indent'

Данный параметр создает отступ для первой строки текста элемента.

Наследование: да.

Примечание: допускаются отрицательные значения, для которых первая строка будет сдвинута влево.

Может принимать следующие значения:

Значение Описание
Length Определяет фиксированный отступ
% Определяет отступ в % от ширины родительского элемента

Примеры:

pre
{
text-indent: -10px
}
p
{
text-indent: 10px
} 


Параметр 'text-transform'

Этот параметр управляет регистром символов в элементе.

Наследование: да.

Может принимать следующие значения:

Значение Описание
None Определяет обычный текст с символами нижнего регистра и заглавными буквами
Capitalize Каждое слово в тексте начинается с заглавной буквы
Uppercase Определяет только заглавные буквы
Lowercase Определяет только символы нижнего регистра

Примеры:

h1
{
text-transform: capitalize
}
pre
{
text-transform: lowercase
} 


Параметр 'white-space'

Параметр задает способ обработки пробелов внутри элемента.

Наследование: да.

Может принимать следующие значения:

Значение Описание
normal Браузер игнорирует пробел
pre Браузер сохраняет пробел. Действует как тег <pre> в HTML
nowrap Текст не будет переноситься на другую строку, пока не встретится тег <br>

Пример:

pre
{
white-space: pre
} 


Параметр 'word-spacing'

Данный параметр увеличивает или уменьшает пробел между словами.

Наследование: да.

Примечание: допускаются отрицательные значения.

Может принимать следующие значения:

Значение Описание
normal Определяет обычный пробел между словами
length Определяет фиксированный пробел между словами

Примеры:

pre
{
word-spacing: -10px
}
h1
{
word-spacing: 35px
}