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>