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

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

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

Свойство ruby-overhang определяет, допустимо ли с какой стороны текста частичный выступ ruby-текст над любым смежным текстом в дополнение к его собственной базе - когда ruby- текст шире, чем ruby-база на страницах сайта. Вообще, Ruby - маленькие аннотации, которые изображаются рядом с основным текстом. Это особенно полезно для Восточноазиатских языков( так ruby в Японском языке озвучивается как фуригана).

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

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

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


Синтаксис:

       ruby-overhang: auto| end| none| start| !important;

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

< style>
#rr {
	color:#A22E88;
	ruby-overhang:end;
	}
< /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
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: