Maison > interface Web > Questions et réponses frontales > Comment utiliser la propriété CSS border-left-style

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

藏色散人
Libérer: 2019-05-29 13:35:40
original
3046 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:
source:php.cn
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal