CSS3

プロパティ

outline-offset

→●、mdn

外形線のオフセット法。

outline-offset の算出値が 0 でない場合、外形線は、その分量だけボーダー辺から外へずらされる。

¶例省く

<length> ○

開始<SPAN style="border:1px solid red;
 outline:10px dotted #990;
 outline-offset:5px;
">テスト</SPAN>終了

開始<SPAN style="border:1px solid red;
 outline:10px dotted #990;
 outline-offset:-5px;
">テスト</SPAN>終了

負な値は、外形線をボーダー ボックスの中へ縮短させるものとする。絶対値が大きい負な値でも、外形線を必ず描画できるようにするため、外形線で描かれる形状の外縁の［縦幅、横幅］は、いずれも［outline-width プロパティの算出値の 2 倍］以上にするべきである。ユーザー エージェントは、この拘束を、各次元ごとに独立に適用するべきである。外形線が、単連結でない、複数の形状として描かれる場合、この拘束は、各形状ごとに別々に適用される。

テスト