in English
ꯚꯔꯇꯤꯀꯦꯜ ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯇꯧꯕꯥ꯫
ꯏꯅꯂꯥꯏꯟ, ꯏꯅꯂꯥꯏꯟ-ꯕ꯭ꯂꯣꯛ, ꯏꯅꯂꯥꯏꯟ-ꯇꯦꯕꯜ, ꯑꯃꯁꯨꯡ ꯇꯦꯕꯜ ꯁꯦꯜ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯚꯔꯇꯤꯀꯦꯜ ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯐꯖꯅꯥ ꯍꯣꯡꯗꯣꯀꯎ꯫
vertical-alignment
ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯤ ꯑꯦꯂꯥꯏꯟꯃꯦꯟꯇ ꯍꯣꯡꯗꯣꯀꯄꯥ꯫ ꯆꯥꯅꯕꯤꯗꯨꯅꯥ ꯈꯉꯖꯤꯅꯕꯤꯌꯨ ꯃꯗꯨꯗꯤ ꯚꯔꯇꯤꯀꯦꯜ-ꯑꯦꯂꯥꯏꯟ ꯑꯁꯤꯅꯥ ꯏꯅꯂꯥꯏꯟ, ꯏꯅꯂꯥꯏꯟ-ꯕ꯭ꯂꯣꯛ, ꯏꯅꯂꯥꯏꯟ-ꯇꯦꯕꯜ, ꯑꯃꯁꯨꯡ ꯇꯦꯕꯜ ꯁꯦꯜ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡ ꯈꯛꯇꯗꯥ ꯁꯣꯀꯍꯜꯂꯤ꯫
.align-baseline
, .align-top
, .align-middle
, .align-bottom
, .align-text-bottom
, ꯑꯃꯁꯨꯡ .align-text-top
ꯃꯊꯧ ꯇꯥꯕꯒꯤ ꯃꯇꯨꯡ ꯏꯟꯅꯥ ꯈꯅꯕꯤꯌꯨ꯫
ꯅꯟ-ꯏꯅꯂꯥꯏꯟ ꯀꯟꯇꯦꯟꯇ ( <div>
s ꯑꯃꯁꯨꯡ ꯃꯁꯤꯗꯒꯤ ꯍꯦꯅꯕꯥ) ꯚꯔꯇꯤꯀꯦꯜ ꯑꯣꯏꯅꯥ ꯁꯦꯟꯇꯔ ꯇꯧꯅꯕꯥ, ꯑꯩꯈꯣꯌꯒꯤ ꯐ꯭ꯂꯦꯛꯁ ꯕꯣꯛꯁ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ ꯁꯤꯖꯤꯟꯅꯧ .
ꯏꯅꯂꯥꯏꯟ ꯑꯦꯂꯤꯃꯦꯟꯇꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ:
ꯕꯦꯖꯂꯥꯏꯟ
ꯃꯊꯛꯀꯤ
ꯃꯔꯛꯇꯥ ꯂꯩꯕꯥ
ꯃꯈꯥꯗꯥ
ꯇꯦꯛꯁꯠ-ꯇꯣꯞ
ꯇꯦꯛꯁꯠ-ꯃꯈꯥꯗꯥ꯫
<span class="align-baseline">baseline</span>
<span class="align-top">top</span>
<span class="align-middle">middle</span>
<span class="align-bottom">bottom</span>
<span class="align-text-top">text-top</span>
<span class="align-text-bottom">text-bottom</span>
ꯇꯦꯕꯜ ꯁꯦꯂꯁꯤꯡꯒꯥ ꯂꯣꯌꯅꯅꯥ: ꯱.
ꯕꯦꯖ ꯂꯥꯏꯟ꯫ | ꯃꯊꯛ | ꯃꯌꯥꯏ | ꯃꯈꯥ | ꯇꯦꯛꯁꯠ-ꯇꯣꯞ ꯇꯧꯕꯥ꯫ | ꯇꯦꯛꯁꯠ-ꯕꯣꯇꯝ ꯑꯣꯏꯕꯥ꯫ |
<table style="height: 100px;">
<tbody>
<tr>
<td class="align-baseline">baseline</td>
<td class="align-top">top</td>
<td class="align-middle">middle</td>
<td class="align-bottom">bottom</td>
<td class="align-text-top">text-top</td>
<td class="align-text-bottom">text-bottom</td>
</tr>
</tbody>
</table>
ꯁꯥꯁꯁ ꯇꯧꯕꯥ꯫
ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯤ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ
ꯚꯔꯇꯤꯀꯦꯜ ꯑꯦꯂꯥꯏꯟ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡ ꯑꯁꯤ ꯑꯩꯈꯣꯌꯒꯤ ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯤ ꯑꯦ.ꯄꯤ.ꯑꯥꯏ.ꯗꯥ scss/_utilities.scss
. ꯌꯨꯇꯤꯂꯤꯇꯤꯁꯤꯡꯒꯤ API ꯑꯁꯤ ꯀꯔꯝꯅꯥ ꯁꯤꯖꯤꯟꯅꯒꯗꯒꯦ ꯍꯥꯌꯕꯗꯨ ꯇꯃꯁꯤꯜꯂꯨ꯫
"align": (
property: vertical-align,
class: align,
values: baseline top middle bottom text-bottom text-top
),