text-align
Краткое описание свойства text-align
Устанавливает горизонтальное выравнивание текста в пределах контейнера.
Ограничения text-align
Ошибки работы аргумента justify. text-align - Устанавливает горизонтальное выравнивание текста в пределах контейнера.
Синтаксис:
p {text-align:center | justify | left | right;}
Описание аргументов:
center — выравнивает текст по центру контейнера.
justify — выравнивает текст по ширине контейнера.
left — выравнивает текст по левому краю контейнера.
right — выравнивает текст по правому краю контейнера.
Значение по умолчанию
left Обьектная модель:
[window.]document.getElementById("elementID").style.textAlign Пример использования атрибута text-align: Листинг style.css:
.text_left{text-align:left; background:#666666;}
.text_right{text-align:right; background:#999999;}
.text_center{text-align:center; background:#CCCCCC;}
.text_justify{text-align:justify; background:#FFFFFF;}
Листинг index.html: <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=
"http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=
"Content-Type" content="text/html; charset=windows-1251" />
<link type=
"text/css" rel=
"stylesheet" href=
"style.css" />
<title>
Параметр text-align</title>
</head>
<body>
<div class=
"text_left">
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore <div>
<div class=
"text_right">
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore <div>
<div class=
"text_center">
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore <div>
<div class=
"text_justify">
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore <div>
</body>
</html>
Результат: Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Error sit voluptatem assusantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore
Добавить комментарий
