Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

январь 2021
Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - vertical-align.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Определение и использование. Свойство vertical-align вертикального выравнивания задает вертикальное выравнивание элемента, то есть свойство vertical-align задает вертикальное выравнивание элемента для встроенных элементов или ячеек таблицы, а также к элементам с display:table выбранных Вами CSS-селекторов.

Думаю замарачиваться свойством vertical-align при оформлении вашей странички сайта не стоит, ибо тут все просто и понятно. Свойство vertical-align имеет те значения, которые я Вам выписал чуть ниже и свойство vertical-align работает во всех известных Вам браузерах замечательно и без искажений, хотя тут, как обычно, среди браузеров выступает IE-8 со своими причудами. Таких пользователей среди нас скорее нет и мы с легкостью перешагнем эту проблему.

Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство vertical-align, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.

Синтаксис:

 vertical-align: baseline|length|sub|super|top|text-top|middle|bottom|text-bottom|initial|inherit;

Описание и использование

Значение по умолчанию: baseline
наследует: нет
Версия: CSS1
JavaScript синтаксис: object.style.verticalAlign="top"

Свойства Значения

Значение Описание
baseline Выравнивание по базовой линии элемента по базовой линии родительского элемента. Это значение установлено по умолчанию
length Поднимает или нижний элемент с заданной длины. Отрицательные значения
% Поднимает или нижний элемент в% "line-height". Отрицательные значения
sub Выравнивает элемент, как если бы он был подстрочный
super Выравнивает элемент, как если бы это был верхний индекс
top В верхней части элемента выравнивается с вершины самого высокого элемента в строке
text-top Верх элемента выравнивается по верхней части шрифта родительского элемента
middle Элемент помещается в середине родительского элемента
bottom В нижней части элемента выравнивается с наименьшего элемента в строке
text-bottom В нижней части элемента выравнивается по нижней шрифта родительского элемента
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.

Пишем программу - Вертикально выровнять изображение:

< !DOCTYPE>
< html>
< head>
< style>
img.top {vertical-align:text-top;}
img.bottom {vertical-align:text-bottom;}
< /style>
< /head>

< body>
< p>Вот, так< img src="../oboi/t32.jpg" alt="Суть Слов" 
width="270" height="50" />изображение по умолчанию выравнивается.< /p> 
< p>Вот, так< img class="top" src="../oboi/t32.jpg" alt="Суть 
Слов" width="270" height="50" />изображения и текст выравнивается 
по верхнему краю.< /p> 
< p>Вот, так< img class="bottom" src="../oboi/t32.jpg" alt="Суть 
Слов" width="270" height="50" />изображения и текст выравнивается 
по нижнему краю.< /p>
< /body>
< /html>

Результат программы:

Вот, так Суть Слов изображение по умолчанию выравнивается.

Вот, так Суть Слов изображения и текст выравнивается по верхнему краю.

Вот, так Суть Слов изображения и текст выравнивается по нижнему краю.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: