Puis-je utiliser des pourcentages pour la largeur de la bordure en CSS ?

Épaisseur de la bordure en pourcentages

Votre tentative de définir la largeur de la bordure en pourcentages a rencontré un obstacle, car la spécification CSS indique explicitement que les pourcentages sont non pris en charge pour les largeurs de bordure.

Cependant, il existe une solution de contournement qui vous permet d'obtenir l'illusion de bordures en pourcentage. Cela implique de créer un élément wrapper avec la couleur de bordure souhaitée comme arrière-plan et de définir son remplissage en pourcentage. Simultanément, définissez l'arrière-plan de l'élément que vous souhaitez border sur blanc (ou une autre couleur appropriée).

Considérez cet exemple :

CSS :

.faux-borders {
    background-color: #f00;
    padding: 1px 25%; /* simulate border with padding */
}

.content {
    background-color: #fff;
}

HTML :

<div>

Cette solution non scriptée fournit un méthode pour simuler les bordures de pourcentage sans JavaScript.

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!