Maison > Article > interface Web > Quelle est la syntaxe de la bordure gauche CSS

Quelle est la syntaxe de la bordure gauche CSS

藏色散人original: 2023-01-31 09:23:511946parcourir

La syntaxe de la bordure gauche CSS est "border-left:value;" ; "border-left" est un attribut abrégé. Vous pouvez définir tous les attributs de la bordure gauche dans une seule instruction ; "border-left-width", "border-left-style", "border-left-color".

L'environnement d'exploitation de ce tutoriel : système Windows 10, version CSS3, ordinateur DELL G3

Quelle est la syntaxe de la bordure gauche css ? La propriété raccourcie

border-left

border-left définit toutes les propriétés de la bordure gauche dans une seule instruction.

Vous pouvez définir les propriétés suivantes dans l'ordre : border-left-width, border-left-style et border-left-color.

Si vous ne définissez aucune des valeurs, il n'y aura aucun problème, tel comme bordure gauche : le solide #ff0000 est également autorisé.

Exemple

Définissez le style de la bordure gauche :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
p 
{
	border-style:solid;
	border-left:thick double #ff0000;
}
</style>
</head>

<body>
<p>This is some text in a paragraph.</p>
</body>
</html>

L'effet est le suivant :

Quelle est la syntaxe de la bordure gauche CSS

Apprentissage recommandé : "Tutoriel vidéo CSS"

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!

css css3 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：Comment réaliser des courses de chevaux avec CSSArticle suivant：Comment réaliser des courses de chevaux avec CSS

Articles Liés

Voir plus