css3はborder属性をサポートしていますか？-フロントエンドQ&A-php.cn

css3はborder属性をサポートしていますか？

WBOY

リリース： 2022-06-23 16:08:52

オリジナル

1739 人が閲覧しました

css3 は、css1 からサポートされている border 属性をサポートしています。border 属性は、要素の border のスタイル、幅、色を指定するために使用できる、border 属性の省略属性です。 value は 1 つの値のみを設定し、他の値は対応する属性の初期値に設定され、構文は「element {border:border-width,,border-style,border-color;}」です。

css3はborder属性をサポートしていますか？

このチュートリアルの動作環境: 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>

ログイン後にコピー

出力結果:

css3はborder属性をサポートしていますか？