communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > Questions et réponses frontales > le corps du texte

Comment utiliser la propriété CSS border-left-style

藏色散人
Libérer： 2019-05-29 13:35:40
original
3012 Les gens l'ont consulté

La propriété CSS border-left-style est utilisée pour définir le style de la bordure gauche de l'élément. La bordure ne peut apparaître que lorsque cette valeur n'est pas nulle.

Comment utiliser la propriété CSS border-left-style

Comment utiliser la propriété CSS border-left-style ?

Fonction : Définir le style de la bordure gauche de l'élément.

Remarque : La bordure peut apparaître uniquement lorsque cette valeur n'est pas nulle. En CSS1, les agents utilisateurs HTML doivent uniquement prendre en charge solid et aucun.

Remarque : Les valeurs d'attribut "inherit" ou "hidden" ne sont prises en charge dans aucune version d'Internet Explorer (y compris IE8).

Exemple d'utilisation de la propriété CSS border-left-style

<html>
<head>
<style type="text/css">
p 
{
border-style:solid;
}
p.none {border-left-style:none}
p.dotted {border-left-style:dotted}
p.dashed {border-left-style:dashed}
p.solid {border-left-style:solid}
p.double {border-left-style:double}
p.groove {border-left-style:groove}
p.ridge {border-left-style:ridge}
p.inset {border-left-style:inset}
p.outset {border-left-style:outset}
</style>
</head>
<body>
<p class="none">No left border.</p>
<p class="dotted">A dotted left border.</p>
<p class="dashed">A dashed left border.</p>
<p class="solid">A solid left border.</p>
<p class="double">A double left border.</p>
<p class="groove">A groove left border.</p>
<p class="ridge">A ridge left border.</p>
<p class="inset">An inset left border.</p>
<p class="outset">An outset left border.</p>
</body>
</html>
Copier après la connexion

Sortie d'effet :

Comment utiliser la propriété CSS border-left-style

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!

Étiquettes associées：
css border-left-style
source：php.cn
Article précédent：Comment utiliser la propriété CSS border-right Article suivant：Comment utiliser la propriété CSS border-top-style
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Pourquoi ma balise hr est-elle translucide lorsqu'elle est définie sur une couleur blanche unie ? J'ai un HTML (avec bootstrap) et un CSS, dans mon HTML j'ai une balise <hr> qui a un...
Depuis 2024-04-06 16:13:26
0
1
500
Afficher les panneaux latéraux masqués : coché J'aimerais avoir un menu de navigation dans le panneau latéral avec la possibilité de pass...
Depuis 2024-04-06 15:49:33
0
1
319
Menu déroulant central dans la barre de navigation Utilisez CSS/HTML.navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.navbar...
Depuis 2024-04-04 18:24:52
0
1
338
Difficulté à positionner les divs Je souhaite positionner un div par rapport aux autres éléments de la page. Voici le CSS in...
Depuis 2024-04-04 12:14:58
0
1
380
Comment vérifier la propriété width du sélecteur de classe CSS ? Un exemple est .label{} Voici mon commentaire sur le code CSS, où j'ai choisi une largeur de 270 pour le .label : ...
Depuis 2024-04-01 17:45:11
0
1
338
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal