ホームページ > 記事 > ウェブフロントエンド > css3はborder属性をサポートしていますか？
css3はborder属性をサポートしていますか？
- WBOYオリジナル
- 2022-06-23 16:08:521606ブラウズ
css3 は、css1 からサポートされている border 属性をサポートしています。border 属性は、要素の border のスタイル、幅、色を指定するために使用できる、border 属性の省略属性です。 value は 1 つの値のみを設定し、他の値は対応する属性の初期値に設定され、構文は「element {border:border-width,,border-style,border-color;}」です。
このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css3はborder属性をサポートしています
borderはborder属性の略です。
CSS border プロパティは、要素の境界線のスタイル、幅、色を指定するために使用されます。
設定できるプロパティは、(順番に) border-width、border-style、border-color です。
値を 1 つだけ設定することもできます。たとえば、border: #FF0000; が正しく、他の値は対応するプロパティの初期値に設定されます。
構文形式
境界属性を指定するには、以下にリストされている 1 つ、2 つ、または 3 つの値を使用できます。値の順序は重要ではありません:
/* 边框样式 */ border: solid; /* 边框宽度 | 边框样式 */ border: 2px dotted; /* 边框样式 | 边框颜色 */ border: outset #f33; /* 边框宽度 | 边框样式 | 边框颜色 */ border: medium dashed green; /* 全局值 */ border: inherit; border: initial; border: unset;
境界線スタイルが未定義の場合、境界線は表示されません。これは、スタイルのデフォルトが none であるためです。
例は次のとおりです:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<style>
p
{
border:5px solid red;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>出力結果:
css ビデオ チュートリアル、html ビデオ チュートリアル )
以上がcss3はborder属性をサポートしていますか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。