CSSのアウトライン属性の使い方は？-CSSチュートリアル-php.cn

CSSのアウトライン属性の使い方は？

青灯夜游

リリース： 2020-09-08 09:30:44

オリジナル

6270 人が閲覧しました

CSS アウトラインプロパティは、色、スタイル、幅などのすべてのアウトラインプロパティを 1 つのステートメントで設定するために使用される短縮プロパティです。境界線の端にある要素の周囲に線を描画できます。要素の役割を強調表示します。

CSSのアウトライン属性の使い方は？

#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 サイトの他の関連記事を参照してください。