Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
vertical-align

baseline Выравнивает базовую линию строчного блока с базовой линией родительского блока. If the box doesn't have a baseline, align the bottom of the box with the parent's baseline.
middle Вертикальное выравнивание середины элемента с базовой линией родительского элемента.
sub Сдвигает базовую линию элемента до нижней границы родительского элемента
super Сдвигает базовую линию элемента до верхней границы родительского элемента
text-top Выравнивание блока по нижней границе родительского элемента.
text-bottom Выравнивание блока по верхней границе родительского элемента.
top Выравнивание верхней границы элемента с верхней границей строки.
bottom Выравнивание нижней границы элемента с нижней границей строки.

Сноска как пример в результате применения свойства vertical-align

  1.<!DOCTYPE html>
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Cноска как пример свойства vertical-align</TITLE>
  5.<STYLE type="text/css">
  6.BODY {
  7.width:500px;
  8.}
  9.em {
10.vertical-align:text-bottom;
11.line-height:40px;
12.font-size:0.8em;
13.}
14.
15.</STYLE>
16. </HEAD>
17. <BODY id="body">
18. Сколько звезд на небе,
19. столько обманов таит женское сердце.<em>1</em>.
20. <hr>
21. 1. Гиппократ
22. </BODY>
23.</HTML>
24.
Cноска как пример свойства vertical-align
Cноска как пример свойства vertical-align

Сноска как пример в результате применения свойства vertical-align

  1.<!DOCTYPE html>
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Cвойство vertical-align</TITLE>
  5.<STYLE type="text/css">
  6.em {
  7.vertical-align:top;
  8.line-height:40px;
  9.font-size:0.8em;
10.}
11.</STYLE>
12. </HEAD>
13. <BODY id="body">
14. Существует ложь, вошедшая в
15. нашу плоть и кровь:
16. ее называют «чистою совестью».<em>Фридрих Ницше <em>
17. </BODY>
18.</HTML>
19.
20.
Cвойство vertical-align
Cвойство vertical-align

Сноска как пример в результате применения свойства vertical-align:

  1.<!DOCTYPE html>
  2.<HTML>
  3. <HEAD>
  4. <TITLE>Сноска как пример в результате
  5. применения свойства vertical-align</TITLE>
  6.<STYLE type="text/css">
  7.BODY {
  8.text-indent:2em;
  9.text-align:justify;
10.width:500px;
11.background:rgb(102,202,202);
12.}
13.span {
14.vertical-align:5px;
15.font-size:0.8em;
16.}
17.</STYLE>
18.</HEAD>
19.<BODY>
20.Клевета и ложь — узаконенный метод политики мещан.
21.Среди великих людей мира сего едва ли найдется хоть один,
22.которого не пытались бы измазать грязью.<span>1</span>
23.<hr>
24.1. Максим Горький
25.</BODY>
26.</HTML>
Сноска как пример в результате применения свойства vertical-align
Сноска как пример в результате применения свойства vertical-align


Доступ и установка с jQuery

  • Получить свойство verticalAlign: val = $("div").css("verticalAlign");
  • Установить свойство verticalAlign: $("div").css({"verticalAlign":"..."});
  • Установить свойство verticalAlign: $("div").css("verticalAlign","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org