outline

解説

アウトラインのスタイル、太さ、色をまとめて指定する際に使用します。スタイル、太さ、色のうち指定する値を任意の順でスペース区切りにて記述します。borderプロパティと違いoutline プロパティには上下左右の概念はありません。アウトラインをつける対象が丸い場合には、アウトラインも丸くなります。

アウトラインは輪郭線と訳され、borderとは「スペースを取らない」「短形とは限らない」「borderの外側に描画される」の点で異なります。

プロパティ情報

値:outline-width,outline-style,outline-colorの値を任意の順でスペース区切りにて
初期値:それぞれの初期値
適用対象:全ての要素
継承:しない
パーセンテージ:不可
適用メディア:視覚
レベル:2

参照

使用例

ソース

CSSの記述方法はスタイルシートってなに?も参照下さい。

input.sample {outline: solid 1px #ff0000;}
HTMLの記述方法

<form action="cgi-bin/sample.cgi" method="post">
Sample:<input class="sample" type="text" name="name" size="25"><br>
<input type="submit" value="送信"><input type="reset" value="リセット">
</form>

表示結果

Sample: