Element HTML <ruby> umożliwia wyświetlanie adnotacji fonetycznych lub innych informacji uzupełniających nad tekstem podstawowym lub obok niego. Jest ono powszechnie używane w językach wschodnioazjatyckich.
Element <ruby> składa się z 2 głównych części: podstawy rubinowej, która jest tekstem głównym, oraz tekstu rubiny, który jest tekstem adnotacji oznaczonym elementem <rt>.
<ruby>
絵文字
<rt>emoji</rt>
</ruby>
Wymowa angielska jako adnotacja do tekstu podstawowego w języku japońskim.
ruby-align
Właściwość CSS ruby-align kontroluje wyrównanie tekstu podstawowego i adnotacji. Właściwość ta akceptuje jedną z tych wartości słowa kluczowego: space-around, space-between, start i center.
Obraz pokazujący przykład użycia właściwości ruby-align.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2025-02-21 UTC."],[],[]]