CSS3

プロパティ

border-start-start-radius、border-start-end-radius、border-end-start-radius、border-end-end-radius

→●、mdn（border-start-start-radius、border-start-end-radius、border-end-start-radius、border-end-end-radius）

フロー相対なボーダー隅の丸め。

これらの各プロパティは［border-top-left-radius／border-bottom-left-radius／border-top-right-radius／border-bottom-right-radius］プロパティに対応する。その対応付けは、要素の［writing-mode、direction、text-orientation］に依存する。
プロパティ名を成す 1 個目の［start／end］は、ブロック軸の［始端／終端］どちら側かを与え、2 個目のそれは、行内軸のどちら側かを与える（すなわち、border-<block>-<inline>>-radius としてパターン化されている）。

<length-percentage[0,∞]>{1,2} ○

開始<SPAN style="
 border:5px solid #f008;
 border-start-start-radius:20px;
">テスト</SPAN>終了

開始<SPAN style="
 border:5px solid #f008;
 border-start-end-radius:20px;
">テスト</SPAN>終了

開始<SPAN style="
 border:5px solid #f008;
 border-end-start-radius:20px;
">テスト</SPAN>終了

開始<SPAN style="
 border:5px solid #f008;
 border-end-end-radius:20px;
">テスト</SPAN>終了

テスト