border-block-end プロパティ

　border-block-end プロパティは、border-block プロパティの下側、または左側だけの border （枠線）を指定する CSS のプロパティです。 border-block-end-color、border-block-end-style、border-block-end-width の各プロパティを一括で指定できます。

　border-block-end プロパティは、writing-mode との組み合わせが有用です。

.content {
	border-block-end: 3px solid green;
}

.vertical-text{
	writing-mode:vertical-rl;
}

詳しくは Example を参照してください

　上側、または右側の枠線の指定は border-block-start プロパティを使用します。

構文(Syntax)

border-block-end: border-block-end-width border-block-end-style border-block-end-color ;

＊border-block-end-style を指定しないと border は表示されません。

値の取得

String = object.style.borderBlockEnd;

値の設定

object.style.borderBlockEnd = " border-block-end-width border-block-end-style border-block-end-color ";

　border-block-end プロパティは、複数の値を組み合わせることができます。

　border-block-end プロパティの例です。横書きと縦書きで同じ値を指定しています。横書きでは下線、縦書きでは左線として表示されます。

HTML内容

CSS内容

　以下のような border-block-end に関連する CSS プロパティがあります。