CSSアウトラインプロパティ
CSS アウトライン
アウトラインは、要素の周囲に引かれる線で、境界線の外側(cè)に位置し、要素を強(qiáng)調(diào)表示できます。
outline 屬性は、外側(cè)の境界線のスタイル、色、幅を指定します。
CSS アウトライン (アウトライン)
アウトライン (輪郭) は、要素の周囲に引かれる線で、境界線の外側(cè)に位置し、要素を強(qiáng)調(diào)表示できます。
CSS のアウトライン プロパティは、要素のアウトラインのスタイル、色、幅を指定します。
すべての CSS アウトライン プロパティ
「CSS」列の數(shù)字は、プロパティを定義する CSS バージョン (CSS1 または CSS2) を示します。
| Property | Description | Value | CSS |
|---|---|---|---|
| outline | 1つのステートメントですべての外枠プロパティを設(shè)定します | outline-color アウトラインスタイル アウトライン幅 継承 | 2 |
| アウトラインカラー | 外枠の色を設(shè)定 | 色名 16 進(jìn)數(shù) rgb 番號(hào) 反転 継承 | 2 |
| アウトラインスタイル | 外枠のスタイルを設(shè)定します | なし 點(diǎn)線 破線 しっかり ダブル グルーヴ 尾根 差し込み スタート 継承 | 2 |
| Outline-width | 外枠の幅を設(shè)定 | thin 中 太さ 長(zhǎng)さ 継承 | 2 |
の使用法は、CSSリファレンスマニュアルで確認(rèn)できます
例
要素の周りに線を描く
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p
{
border:1px solid red;
outline:green dotted thick;
}
</style>
</head>
<body>
<p><b>注意:</b> 如果只有一個(gè)!DOCTYPE指定IE8支持 outline屬性。</p>
</body>
</html>プログラム 試してみる
インスタンス
輪郭の幅を設(shè)定する
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
p.one
{
border:1px solid red;
outline-style:solid;
outline-width:thin;
}
p.two
{
border:1px solid red;
outline-style:dotted;
outline-width:5px;
outline-color: #99fc58;
}
</style>
</head>
<body>
<p class="one">This is some text in a paragraph.</p>
<p class="two">This is some text in a paragraph.</p>
</body>
</html>プログラムを?qū)g行して試してみる
