CSS
A CSS property that adjusts the thickness of the ending-side border according to the writing direction.
border-block-end-width
border-block-end-width
は、「ブロック方向の終わり側」にあるボーダー(枠線)の太さを決めるCSSプロパティです。
- 「ブロック方向の終わり側」とは、縦書き・横書きの違いを自動で考慮してくれる場所のこと。
- 横書きなら「下側の枠線」
- 縦書きなら「左側または右側の枠線」
このように、文章の流れ(書字方向)に合わせて位置が変わるのが特徴です。
枠線の太さは「px」「em」などで自由に指定でき、このプロパティを使うことで、縦書きでも横書きでも見た目を崩さずにデザインできます。