border-top-width |
Largeur de la bordure supérieur |
---|---|
CSS |
Syntaxe
border-top-width: paramètres; |
Paramètres
Paramètre | Description | ||
---|---|---|---|
paramètres | Ce paramètre de propriété permet d'indiquer la largeur de la bordure : | ||
Valeur | Aperçu | Description | |
thin | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une bordure de largeur fine. | |
medium | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une bordure de largeur moyenne. | |
thick | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une bordure de largeur grasse. | |
largeur | Ceci est un texte d'exemple |
Cet attribut permet d'indiquer une bordure de largeur du nombre de pixels spécifié. |
Description
Cette propriété permet de définir la largeur de la bordure supérieur d'un élément comme un tableau par exemple.
Remarques
- Définition et utilité : La propriété border-top-width contrôle l'épaisseur de la bordure supérieure d'un élément HTML. Elle permet d'ajuster la largeur de cette bordure pour correspondre au design souhaité, qu'il s'agisse d'une ligne fine ou d'une séparation plus épaisse.
- Unités de mesure acceptées : Cette propriété peut être définie à l'aide de valeurs absolues (comme px, pt, ou cm) ou relatives (comme %, em, ou rem). Cela permet une grande flexibilité pour adapter la bordure aux besoins d'un design fixe ou responsive.
- Mots-clefs prédéfinis : En plus des unités, border-top-width accepte trois mots-clefs : thin, medium, et thick. Ces valeurs standard offrent des options rapides pour définir des bordures sans avoir à spécifier une épaisseur exacte.
- Valeur par défaut : Si aucune valeur spécifique n'est définie, border-top-width adopte généralement une valeur par défaut de medium. Cette valeur fonctionne uniquement si un style de bordure est également spécifié avec border-top-style.
- Interaction avec d'autres propriétés : La bordure ne sera visible que si un style (via border-top-style) est défini. Par exemple, une largeur de 5px n'affichera pas de bordure si le style est défini sur none.
- Effet visuel : Une bordure fine (1px) peut être utilisée pour des séparations discrètes, tandis qu'une bordure épaisse (10px ou plus) peut servir à attirer l'attention sur un élément particulier.
- Compatibilité avec les navigateurs Web : La propriété border-top-width est supportée de manière uniforme par tous les navigateurs modernes. Cependant, la manière dont certaines unités (comme em) sont calculées peut varier en fonction de la taille de la police de caractères de l'élément.
- Impact sur la mise en page : Contrairement à margin ou padding, une bordure ajoute visuellement de l'épaisseur mais n'impacte pas directement la taille intérieure ou extérieure de l'élément. Cependant, elle peut affecter l'espace disponible autour de celui-ci, en fonction du contexte.
Dernière mise à jour : Dimanche, le 20 décembre 2015