CSS peut-il ajouter une bordure directement au texte ?

CSS peut-il ajouter une bordure au texte ?

L'avènement de CSS3 a introduit une pléthore d'options de bordure. Cependant, la possibilité d’ajouter une bordure directement au texte reste difficile à atteindre. Malgré l'absence d'une propriété désignée à cet effet, il existe des moyens d'obtenir un effet similaire en utilisant des fonctionnalités CSS existantes ou des propriétés expérimentales.

Propriété expérimentale CSS3

CSS3 introduit une propriété expérimentale appelée text-stroke, qui permet aux utilisateurs d'appliquer une bordure autour du texte. Bien qu'il ne soit pas pris en charge par tous les navigateurs (nécessitant le préfixe -webkit dans certains cas), text-stroke fournit une solution directe pour ajouter une bordure au texte.

Exemple de code :

h1 {
    -webkit-text-stroke: 2px black; /* width and color */

    font-family: sans;
    color: yellow;
}

<h1>Hello World</h1>

L'application d'un trait de texte à un titre, comme indiqué ci-dessus, crée une bordure noire unie autour du texte, ce qui donne un style Twitter. effet.

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!