CSS3

：

プロパティ

：

outline

　 編集：2022.07.17 by T.A.

→●、mdn

外形線： 略式プロパティ。

名前 outline
値 [<'outline-color'> || <'outline-style'> || <'outline-width'>]
初期値 個々のプロパティを見よ
適用対象 すべての要素
継承 されない
百分率 受容しない
算出値 個々のプロパティを見よ
正準的順序 文法に従う
アニメーション型 個々のプロパティを見よ

この仕様は、複数の外形線が重なり合うときや、他の要素の背後に部分的に遮られているボックスに対し、外形線がどう描かれるかについては定義しない。 

開始<SPAN style="border:1px solid red;
 outline:10px dotted #0f0;
">SPAN</SPAN>終了


開始<DIV style="border:1px solid red;
 outline:10px dotted #0f0;
">SPAN</DIV>終了
例えば、次の規則は、要素がフォーカスを得ているときは周囲に太めの黒色線を，要素が作動中のときは太めの赤色線を描かす： 
:focus  { outline: thick solid black }
:active { outline: thick solid red }
テスト
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：