ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSのアウトライン属性の使い方は?

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

青灯夜游
リリース: 2020-09-08 09:30:44
オリジナル
6339 人が閲覧しました

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

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート