Maison  >  Article  >  interface Web  >  Comment utiliser la propriété CSS border-bottom-width

Comment utiliser la propriété CSS border-bottom-width

silencement
silencementoriginal
2019-05-29 16:33:042829parcourir

En CSS, l'attribut border-bottom-width est utilisé pour définir la largeur de la bordure inférieure d'un élément.

Comment utiliser la propriété CSS border-bottom-width

css border-bottom-width value de la propriété

thin : bordure inférieure fine

medium : bordure inférieure moyenne (valeur par défaut) ;

thick : bordure inférieure épaisse ;

length : permet de personnaliser la largeur de la bordure inférieure

inherit : hérite de la largeur de la bordure de l'élément parent ;

Format de syntaxe :

border-bottom-width:thin / medium / thick / length / inherit ;

Remarque : L'élément doit avoir une bordure avant que la largeur puisse être modifiée (l'attribut border-bottom-width n'a aucun effet lorsqu'il est utilisé seul . Vous devez d'abord utiliser l'attribut border-style pour définir le style).

Instance

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css border-bottom-width属性笔记</title>
<style>
#bbw {
border-style:solid;
border-bottom-width:10px;
}
</style>
<head/>
<body>
<p id="bbw">css border-bottom-width属性演示</p>
</body>
</html>

Résultats en cours d'exécution

Comment utiliser la propriété CSS border-bottom-width

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!

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