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

Пн Вт Ср Чт Пт Сб Вс
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 - alignment-adjust.

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

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

Внимание!!! Свойство alignment-adjus позволяет установить точное выравнивание элементов, таких как графические объекты, которые не имеют базовую таблицу или отсутствует нужная базовая линия в базовой таблице. Позиция базовых элементов могут быть определены выравниванием по базовой линии, при этом могут быть четко определены. Это свойство alignment-adjus также определяет, какие именно точки выравнивания для каждого глифа в текстовом элементе.


Синтаксис:

   alignment-adjust:  auto| baseline| before-edge| text-before-edge 
                                middle| central| after-edge| text-after-edge  
                                ideographic| alphabetic| hanging 
                                mathematical| inherit;

Обзор Таблица

Начальное значение auto
Применяется к элементы строкового уровня
унаследованные нет
медиа визуально
Вычисленное значение как указано
анимируемых нет


Значения:

auto( авто) - Для каждого глифа соответствующей текстовой информации в пределах элемента, выравнивание по краю символа и направления точки выравнивания. Отступы, границы или поля не влияют на выравнивание точки. Выравнивание точки строкового уровня элементов находятся на пересечении начала края первого строкового блока и базовой линии, если эта база существует в базовой таблице.

baseline( базовым) - Выравнивание находится на пересечении начала края элемента и доминирующего базового элемента.

before-edge( перед краем) - Выравнивание находится на пересечении начала края элемента и до края строкового элемента. Что может включать высоту элемента( в зависимости от линии укладки.

text-before-edge( текст-перед краем) - Выравнивание находится на пересечении начала края элемента и перед краем базового элемента.

central( центральной) - Выравнивание находится на пересечении начала края элемента и центральной базовой линии элемента.

middle( средний) - Выравнивание находится на пересечении начала края элемента и средней линии базового элемента.

after-edgeпосле( после края) - Выравнивание находится на пересечении начала края элемента и после края элемента. Что может включать высоту элемента( в зависимости от линии укладки.

text-after-edge( текст-после края) -Выравнивание находится на пересечении края элемента, а текст-после края базового элемента.

ideographic( идеографический) - Выравнивание находится на пересечении начала края элемента и идеографического базового элемента.

alphabetic( алфавитные) - Выравнивание находится на пересечении начала края элемента и алфавитного базового элемента.

hanging( висящий)- Выравнивание находится на пересечении начала края элемента и ручного базового элемента.

mathematical( математические) - Выравнивание находится на пересечении начала края элемента и математической базовой линии элемента.

< percentage>( < процент>) - Вычисленное значение свойства-это процент умножается на вычисленную линию-высоту элемента. Выравнивание по краю строкового блока.

< length>( < длина>) - Выравнивание по краю строкового блока.

Пишем программу - для alignment-adjust


< p>
	alignment-adjust свойств в CSS:
	< img src="http://seosait21.ru/40x40" alt="Image 1" class="image1">a
	< img src="http://seosait21.ru/40x40" alt="Image 2" class="image2">b
	< img src="http://seosait21.ru/40x40" alt="Image 3" class="image3">c
	< img src="http://seosait21.ru/40x40" alt="Image 4" class="image4">d
	< img src="http://seosait21.ru/40x40" alt="Image 5" class="image5">e
	< img src="http://seosait21.ru/40x40" alt="Image 6" class="image6">
	< img src="http://seosait21.ru/40x40" alt="Image 7" class="image7">
	< img src="http://seosait21.ru/40x40" alt="Image 8" class="image8">
	< img src="http://seosait21.ru/40x40" alt="Image 9" class="image9">
	< img src="http://seosait21.ru/40x40" alt="Image 10" class="image10">
	< img src="http://seosait21.ru/40x40" alt="Image 11" class="image11">
	< img src="http://seosait21.ru/40x40" alt="Image 12" class="image12">
	< img src="http://seosait21.ru/40x40" alt="Image 13" class="image13">
	< img src="http://seosait21.ru/40x40" alt="Image 14" class="image14">
< /p>





p {
	border: 1px dotted #ddd;
	color: #222;
	font: 1em/5em 'Open Sans', sans-serif;
	padding: 0.5em;
}

p img {
	vertical-align: middle;
}

p img:first-child {
	margin-left: 1em;
}

.image1 { alignment-adjust: auto; }
.image2 { alignment-adjust: baseline; }
.image3 { alignment-adjust: before-edge; }
.image4 { alignment-adjust: text-before-edge; }
.image5 { alignment-adjust: central; }
.image6 { alignment-adjust: middle; }
.image7 { alignment-adjust: after-edge; }
.image8 { alignment-adjust: text-after-edge; }
.image9 { alignment-adjust: ideographic; }
.image10 { alignment-adjust: alphabetic; }
.image11 { alignment-adjust: hanging; }
.image12 { alignment-adjust: mathematical; }
.image13 { alignment-adjust: 75%; }
.image14 { alignment-adjust: -20px; }                     

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

alignment-adjust свойств в CSS: a b c d e




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
... ... ...

обратно на главную     назад    дальше     вперед

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