Largeur de la Bordure CSS

Comment contrôler l’épaisseur de la bordure avec la feuille de style?

Explication

Propriété:

Largeur-de-bordure
Usage:
border-width: 5px;
border-width: 5pt;
border-width: 2%;

Définition:
La largeur de la bordure de n’importe quel objet peut être configurée sur n’importe quelle largeur avec le marqueur/argument largeur-de-bordure. La largeur-de-bordure ne prend pas effet sans le style de la bordure. Le style de la bordure peut être configuré avec "style-de-bordure".
La largeur de la bordure se présente avec les valeurs suivantes.
a)5px : La largeur de la bordure peut être configurée en pixels.
b)5pt : La largeur de la bordure peut être configurée en points.
c)1% : La largeur de la bordure peut être configurée en pourcentage.

Exemple 1:
<div style="border-width: 4px; border-style: solid; border-color: red; ">vérification de la largeur de la bordure</div>
Résultat:
vérification de la largeur de la bordure



Exemple 2:
<font style="border-width: 5pt; border-style: solid; border-color: #454545;">vérification de la largeur de la bordure</font>
Résultat:
vérification de la largeur de la bordure

Exemple 3:
<div style="border-width: 2%; border-style: solid; border-color: rgb(125,125,125);">vérification de la largeur de la bordure</div>
Résultat:
vérification de la largeur de la bordure


A Note

CSS - Feuilles de style en cascade peut être utilisé avec les balises HTML, comme expliqué dans ce site. Cette simple CSS vous permettra de créer beaucoup plus élégant et soigné html des pages web. Cela ne nécessite pas de logiciels ou d'autres codages. Tous les navigateurs web sont capables de transmettre des codes CSS.


Note 2: Si nécessaire, vous pouvez à l'aide de <span> au lieu de <div> marques. div balise de début et de fin sur les nouvelles lignes. span ne dépassera pas la balise domaine.

CSS Sujets