text-align | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Вторник, 06.12.2016
Главная » Справочник CSS3 » Свойства текста


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


text-align | Свойство CSS

Свойство text-align выравнивает текст внутри элемента.




Свойство text-align выравнивает положение как текста так и других элементов параллельно горизонтальной поверхности.Выравнивание происходит в родительском элементе,если элемент не является самостоятельным,если элемент является самостоятельным,выравнивание происходит внутри элемента.Если свойству text-align применяется значение justify,свойства letter-spacing и word-spacing перестают работать.Свойство применимо к блочным элементам,тегам th,td и элементам со свойством display у которого значение table-inline.Создано в версии CSS1 и проходит валидацию согласно версии CSS3.





Дополнительные значения применяемые к text-align

ЗначениеОписание
centerТекст выравнивается по середине элемента,внутри которого находится
leftТекст выравнивается по левому краю
rightТекст выравнивается по правому краю,при отсутствии отступов вплотную прижимается к правой стенке элемента внутри которого находится
justifyТекст выравнивается по всей горизонтальной поверхности элемента внутри которого находится
startПодобно значению left,при направлении текста слева направо,и right,если текст направляется с права на лево
endПодобно значению right,при направлении текста слева направо,и left,если текст направляется с права на лево
inheritНаследует значение родителя


Свойство работает в браузерах



Пример применения свойства

<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство text-align</title>
<style type="text/css">
<!--
div {
width:100%;
min-height:auto;
background:magenta;
border-radius:15px;
-moz-border-radius:15px;
webkit-border-radius:15px;
}
p#left {
text-align:left;
font-size:25px;
color:green;
padding-left:10px;
}
p#center {
text-align:center;
font-size:25px;
color:green;
}
p#right {
text-align:right;
font-size:25px;
color:green;
padding-right:10px;
}
-->
</style>
</head>
<body>
<div>
<p id="left">Текст с лева</p>
<p id="center">Текст по центру</p>
<p id="right">Текст с права</p>
</div>
</body>
</html>


Пример в действии



Поэкспериментируйте сами




Русские шрифты






Источник: http://www.w3.org/TR/css3-text/#text-align
Категория: Свойства текста | Добавил: IZOTOP (21.05.2012) | Автор: Меренков Михаил W
Просмотров: 1183 | Теги: css, text-align, пример, цвет текста, style, изменить | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]