Ссылки на каскадные стили CSS - ruby-position.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Свойство ruby-position контролирует положение ruby текста относительно его базы на страницах сайта. Вообще, Ruby - маленькие аннотации, которые изображаются рядом с основным текстом. Это особенно полезно для Восточноазиатских языков( так ruby в Японском языке озвучивается как фуригана).
Как следует из названия, Ruby отображается мелким шрифтом поверх основного текста в горизонтальном письме или справа от текста в вертикальном письме. В браузерах, которые не поддерживают элемент < ruby>, этот текст появляется в той же строке сразу после основного текста. Для создания руби используются следующие элементы:
< ruby> — строчный элемент, который содержит основной текст с аннотацией
< rt> — текст руби, идущий после основного текста, к которому он относится
< rp> — элемент, который используется для заключения в скобки руби в
браузерах, которые его не поддерживают. Это удобно, если
аннотация отображается в одной строке с основным текстом.
Браузеры, которые поддерживают < ruby>, скрывают < rp> с
помощью {display: none}.
Особенно интересное и полезное в данном случае не в том, что совершается какое-то изменение какого-то участка( элемента) страницы сайта. Вся удивительная и необходимая информация содержится в том, что свойство ruby-position, которое действует через стили CSS3 самостоятельно и независимо работает и при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать, потому как работает постоянно и стабильно.
Синтаксис:
ruby-position: after| before| right| left| inline| !important;
Пишем программу:
< style>
#rr {
color:#A22E88;
ruby-position: after;
}
< /style>
< p id="x">Суть слова-сайт о разгадке древних слов.< /p>
Результат программы:
Суть слова-сайт о разгадке древних слов.
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|