ホームページ > 記事 > ウェブフロントエンド > CSSのアウトライン属性の使い方は？
CSSのアウトライン属性の使い方は？
- 青灯夜游オリジナル
- 2019-02-21 13:38:486304ブラウズ
CSS アウトライン プロパティは、色、スタイル、幅などのすべてのアウトライン プロパティを 1 つのステートメントで設定するために使用される短縮プロパティです。境界線の端にある要素の周囲に線を描画できます。要素の役割を強調表示します。
#CSS アウトライン プロパティ
関数: が描画されます境界線のすぐ外側にある要素の周囲の線で、要素を強調表示するために使用されます。
outline 短縮プロパティは、1 つの宣言ですべてのアウトライン プロパティを設定します。プロパティは、outline-color、outline-style、outline-width の順に設定できます。たとえば、outline:solid #ff0000; などの値を設定しなくても問題ありません。##●outline-color: アウトラインの色を指定します。
#●アウトラインスタイル: アウトラインのスタイルを指定します。##●outline-width: アウトラインの幅を指定します。
注:等高線はスペースを占有せず、必ずしも長方形である必要はありません。
注: したがって、すべての主流ブラウザは、アウトライン属性をサポートします。Internet Explorer 8 (およびそれ以降のバージョン) は、!DOCTYPE が指定されている場合にのみアウトライン属性をサポートします。
CSS アウトライン属性の使用例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style type="text/css">
div
{
border:red solid thin;
outline:#00ff00 dotted thick;
padding:10px;
}
</style>
</head>
<body>
<div>测试文本！</div>
</body>
</html>レンダリング:
以上がCSSのアウトライン属性の使い方は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。