Maison > Article > interface Web > CSS3 prend-il en charge l'attribut border ?

CSS3 prend-il en charge l'attribut border ?

WBOYoriginal: 2022-06-23 16:08:521681parcourir

css3 prend en charge l'attribut border, qui est pris en charge depuis css1 ; l'attribut border est l'abréviation de l'attribut border, qui peut être utilisé pour spécifier le style, la largeur et la couleur de la bordure de l'élément lorsque la valeur de l'attribut est uniquement définie. à une valeur, d'autres valeurs. Il sera défini sur la valeur initiale de l'attribut correspondant, et la syntaxe est "element {border:border-width,,border-style,border-color;}".

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3&&HTML5, ordinateur Dell G3.

css3 prend en charge l'attribut border

border est l'abréviation de l'attribut border.

La propriété CSS border est utilisée pour spécifier le style, la largeur et la couleur de la bordure de l'élément.

Les propriétés qui peuvent être définies sont (dans l'ordre) : border-width, border-style et border-color.

Vous pouvez également définir une seule valeur, par exemple, border : #FF0000; est correct, et les autres valeurs seront définies sur les valeurs initiales des propriétés correspondantes.

Format de syntaxe

La propriété border peut être spécifiée en utilisant une, deux ou trois des valeurs répertoriées ci-dessous, l'ordre des valeurs n'a pas d'importance :

/* 边框样式 */
border: solid;
/* 边框宽度 | 边框样式 */
border: 2px dotted;
/* 边框样式 | 边框颜色 */
border: outset #f33;
/* 边框宽度 | 边框样式 | 边框颜色 */
border: medium dashed green;
/* 全局值 */
border: inherit;
border: initial;
border: unset;

Si le style de la bordure n'est pas défini, il ne le sera pas. être visible. En effet, les styles par défaut sont aucun.

L'exemple est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<style>
p
{
border:5px solid red;
}
</style>
</head>
<body>
<p>段落中的一些文本。</p>
</body>
</html>

Résultat de sortie :

CSS3 prend-il en charge lattribut border ?

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS, tutoriel vidéo HTML)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

html5 css css3 html border

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：L'animation CSS3 est-elle un logiciel ?Article suivant：L'animation CSS3 est-elle un logiciel ?

Articles Liés

Voir plus