Авторский знак. 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


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

Ссылки на каскадные стили CSS - alignment-baseline.

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

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

Свойство alignment-baseline определяет, каким образом уровень строкового элемента выравнивается относительно его родительского блока; кому из родителей базовые точки выравнивания этого элемента соотносятся. В отличие от свойства dominant-baseline свойство alignment-baseline не влияет на его дочерние элементы, доминирующих в базовых показателях. Внимание!!! Свойство alignment-adjust определяет способ выравнивания точки по умолчанию базового с тем же именем, что и вычисленное значение базисного свойства. За исключением use-script все исходные значения, обращаются к соответствующей базовой линии-идентификатор компонент, доминирующих в базисной линии родительского, и глифы в пределах элемента выравнивается аналогично.

Для значений свойство alignment-baseline можно применять проценты, пиксели или другие доступные единицы. Положительное число смещает элемент вверх относительно базовой линии, отрицательное число опускает элемент вниз. При использовании процентов, отсчет ведется от значения свойства line-height, при этом 0% аналогично значению baseline.


Синтаксис:

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

Значения свойств принимает одно из следующих значений:

auto( авто) - Совмещает с базовой линиией родительского элемента.

baseline( базовым) - Совмещает с базовой линией родительского текстового элемента.

before-edge( перед краем) - Как и текст - перед краем.

text-before-edge( текст-перед краем) - Совмещает с кромками родителей. Положение основы, обычно, составляет около или сверху создаваемых элементов, но он не может охватывать все нюансы, которые могут появиться над глифом.

middle( средний) - Совмещает с половиной базового и значением x-высоты шрифта.

central( центральный) - Выравнивает по центру родителей. Базовая линия находится на полпути между text-before-edge и text-after-edgege базовых значений.

after-edge( после края) - как текст, после края.

text-after-edge( текст-после края) - Совмещает после с кромками родителей. Для шрифтов с подстрочными элементами положение основы, обычно, около или внизу создаваемых элементов.

ideographic( идеографический) - Совмещает с базовой линией и использует идеографические скрипты, такие как китайский( упрощенный), японский, вьетнамский. По историческим причинам, эта база находится в нижней части идеографического поля, а не в центре.

alphabetic( алфавитные) - Совмещает с базовой линией и используется большинством букв, слоговых систем.

hanging( висящий) - Совмещает с базовой линией, которые используются в определенных индийских языках сценариев, таких, как бенгальский, Ория и бангла.

mathematical( математические) - Совмещает с базовой линией и использует математические символы.

inherit( наследует)


Это свойство alignment-baseline определяет, как объект выравнивается относительно его родительского блока. Позволяет оставить алфавитный базовый латинский текст, чтобы остаться согласованным для изменения размера шрифта. По умолчанию оно совпадает с базовым значением, имя которого совпадает с вычисленным значением выравнивания по базовой линии. То есть позиция " идеографическая" выравнивает положение " идеографическая" с базовой линией таблицы объекта. Одной из особенностей международных текстов в том, что существуют различные базовые показатели( выравнивания различных точек) для глифов в различных сценариях. Например, в горизонтальной письменной форме, идеографические скрипты выравниваются по базовой линии снизу знаков; алфавитном на основе сценариев( например, латиница, кириллица, иврит, арабский, выравнивают точку, находящуюся в нижней части большинства глифов, но некоторые глифы спускаются ниже базовой линии;


Пишем программу - базовая линия alignment-baseline:

< style>
#i01 {alignment-baseline: auto;}
#i02 {alignment-baseline: baseline;}
#i03 {alignment-baseline: before-edge;}
#i04 {alignment-baseline: text-before-edge;}
#i05 {alignment-baseline: middle;}
#i06 {alignment-baseline: central;}
#i07 {alignment-baseline: after-edge;}
#i08 {alignment-baseline: text-after-edge;}
#i09 {alignment-baseline: ideographic;}
#i10 {alignment-baseline: alphabetic;}
#i11 {alignment-baseline: hanging;}
#i12 {alignment-baseline: mathematical;}
#i13 {alignment-baseline: inherit;}
< /style>
< div id="i01">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i02">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i03">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i03">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i04">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i05">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i06">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i07">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i08">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i09">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i10">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i11">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>
< div id="i12">Суть слова - сайт о разгадке< span> древних< /span> слов.< /div>

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

Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.
Суть слова - сайт о разгадке древних слов.



Пример

CSS Свойство:

alignment-baseline:

Результат:


Демонстрация свойства alignment-baseline.

Чтобы увидеть результат нажимайте на кнопки





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

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

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