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

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

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

Свойство ruby-align контролирует выравнивание ruby-текста и базового ruby-контента относительно друг друга на страницах сайта, то есть свойство ruby-align задает позицию текста ruby по горизонтали относительно основы ruby. Для значений свойства ruby-align предусмотрено семь положений: auto, left, center, right, distribute-letter, distribute-space и line-edge. Значение auto предоставляет браузеру возможность определять самому наилучший способ размещения текста ruby. Значений left, center и right хорошо описывают выполняемые действия. Значение distribute-letter используется когда размер текста ruby меньше размера основы. При том расстояние между символами, составляющими текст ruby, увеличивается, текст выравнивается по ширине выделенного для него пространства. Таким образом действует значение distribute-space. Применяется когда размер текста ruby меньше размера основы, тогда пространство добавляется не только между символами, но и между крайними знаками текста ruby и краями области, выделенной для него. Значение line-edge выравнивает начало текста ruby и начало основы; позволяет тексту ruby занимать пространство, необходимое для его размещения. Вообще, Ruby - маленькие аннотации, которые изображаются рядом с основным текстом. Это особенно полезно для Восточноазиатских языков( так ruby в Японском языке озвучивается как фуригана).

Как следует из названия, Ruby отображается мелким шрифтом поверх основного текста в горизонтальном письме или справа от текста в вертикальном письме. В браузерах, которые не поддерживают элемент < ruby>, этот текст появляется в той же строке сразу после основного текста. Для создания руби используются следующие элементы:

           < ruby> — строчный элемент, который содержит основной текст с аннотацией
           < rt> — текст руби, идущий после основного текста, к которому он относится
           < rp> — элемент, который используется для заключения в скобки руби в 
                    браузерах, которые его не поддерживают. Это удобно, если
                    аннотация отображается в одной строке с основным текстом.
                    Браузеры, которые поддерживают < ruby>, скрывают < rp> с 
                    помощью {display: none}.

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


Синтаксис:

    ruby-span: auto| center| right| distribute-letter| distribute-space| line-edge| left| start| end| !important;

Пишем программу:

< style>
#rr {
	color:#A22E88;
	ruby-align: distribute-space;;
	}
< /style>
< p id="x">Суть слова-сайт о разгадке древних слов.< /p>                   

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

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




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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: