ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS アウトライン スタイルのプロパティ
CSS アウトライン スタイルのプロパティ
- WBOY転載
- 2023-09-19 09:25:021445ブラウズ
outline-style プロパティは、要素を囲む線のスタイルを指定します。次の値のいずれかをとります -
- None - 境界線なし。 (輪郭幅: 0 に相当)
- 実線 - 輪郭は実線です。
- 点線 - 輪郭は一連の点です。
- 点線 - アウトラインは一連の短い線です。
- Double - アウトラインは 2 本の実線です。
- 溝 - 輪郭はページに彫り込まれたように見えます。
- リッジ - 溝のある輪郭のある外観。
- 挿入 - アウトラインにより、ボックスがページに埋め込まれているように見えます。
- はじめに - アウトラインを使用すると、ボックスがページに埋め込まれているように見えます。まるでキャンバスから飛び出してきたようなフレームです。
- 非表示 - なしと同じ。
例
次のコードを実行して、outline-style 属性 -
<html>
<head>
</head>
<body>
<p style = "outline-width:thin; outline-style:solid;">
This text is having thin solid outline.
</p>
<br />
<p style = "outline-width:thick; outline-style:dashed;">
This text is having thick dashed outline.
</p>
<br />
<p style = "outline-width:5px;outline-style:dotted;">
This text is having 5x dotted outline.
</p>
</body>
</html> を実装してみてください。以上がCSS アウトライン スタイルのプロパティの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。