ホームページ > 記事 > ウェブフロントエンド > CSSのアウトラインカラープロパティの使い方
CSSのアウトラインカラープロパティの使い方
- 青灯夜游オリジナル
- 2019-05-28 10:06:043006ブラウズ
アウトラインは、要素の周囲に描かれた線であり、境界線の端の外側に位置します。アウトラインカラー属性は、要素のアウトライン全体の表示部分の色を設定するために使用されます。アウトラインスタイル属性は常にアウトラインカラー属性よりも前に宣言する必要があり、アウトラインが形成されるまで要素の色を変更することはできません。
CSS のアウトラインカラー プロパティを使用するにはどうすればよいですか?
outline-color プロパティは、要素のアウトライン全体の表示部分の色を設定します。アウトライン スタイルを none にすることはできないことに注意してください。それ以外の場合、アウトラインは表示されません。
注:
常に、outline-color 属性の前に、outline-style 属性を宣言します。要素の輪郭の色は、輪郭を取得した後にのみ変更できます。
注:
outline は要素の周囲のマージンですが、別の border 属性から取得されます。
アウトラインは要素の寸法の一部ではないため、要素の幅と高さのプロパティにはアウトラインの幅は含まれません。輪郭はスペースをとらないため、必ずしも長方形である必要はありません。
css アウトライン カラー プロパティの例
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
p {
border: red solid thin;
outline-style: dotted;
outline-color: #00ff00;
}
</style>
</head>
<body>
<p><b>注释：</b>只有在规定了 !DOCTYPE 时，Internet Explorer 8 （以及更高版本） 才支持 outline-color 属性。</p>
</body>
</html>レンダリング:
以上がCSSのアウトラインカラープロパティの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：CSSルールとは何ですか次の記事：CSSルールとは何ですか