2007.02.02outlineプロパティは輪郭線(アウトライン)の色、種類(スタイル)、幅(太さ)をまとめて設定するショートハンド(CSSにおいて値を簡略化できる記法のこと)です。outline-widthプロパティの3つです。継承しないメディアvisualinteractiveoutlineプロパティが適用された要素は、輪郭線関連プロパティの値がすべて初期値にリセットされ、それから指定値が割り当て直されることになります。このため同一セレクタに個別のプロパティとショートハンドプロパティを併用する場合は、宣言ブロック内で後に記述した宣言の方が優先されるので効果の兼ね合いに注意しましょう。GUI環境下ではアンカーやフォームのテキスト入力欄、ボタンなどがフォーカス(選択)状態にあると周囲(ボーダー領域の外側)に輪郭線(アウトライン)を描画するものがあります。各プロパティを用いることで、任意の要素に対して輪郭線を描画するように設定することができます。輪郭線を用いることで、目に見えるオブジェクトを際立たせ、ユーザーが情報に効率よく、簡単にアクセスするのに役立ちます。ボーダー(枠線)との違い輪郭線(アウトライン)とボーダー(枠線)は、各プロパティに指定できる値までほとんど同じなのですが、輪郭線とボーダーは次の点で異なります。大きさや位置には関係しない輪郭線は完全に描画済みのボックスの上から付け足す形でボーダー領域の外に描かれるので、ボーダーとは違い、ボックスの大きさや位置には影響を与えません。どのような輪郭線を表示させても、要素の位置がずれることがなければ、周囲に要素があってもその上から重ねて描画されるので、周囲の位置決めにも変化を及ぼしません。矩形領域であるとは限らないボーダーは矩形(四角形)領域を囲みますが、輪郭線は対象ボックスのボーダーの外側にその形状に沿って縁取られるので、強制改行によって複数行になった場合など、輪郭線はすべてのボックスを含む最小の形で描画されるので、矩形にならないことがあり得ます。3つの値のうち何れか一つ以上の値を、順不同に半角スペースで区切って続けて指定します。指定を1つにまとめたことになります。各値を並べる順序は特に決まっておらず、また必要のない指定は省略することができます。指定することができます。outlineプロパティを適用すると輪郭線関連プロパティの値はすべて初期値にリセットされています。値が適用されることになるので、輪郭線は描写されます。輪郭線は描写されません。outline-styleプロパティで輪郭線の種類を指定しなすなりして上書き変更するようにしましょう。}outline-colorcursorContactWeb制作に関するご相談、お気軽にお問い合わせください。/WebデザイナーContactSubscribeTwitterFacebookGoogle+。