CSS peut-il ajouter des bordures au texte comme le logo de Twitter ?

Bordure de police CSS : désormais une réalité ?

Dans le domaine de CSS3, les bordures ont pris une toute nouvelle dimension. Avec l'avènement des préfixes -webkit, la question se pose : peut-on désormais ajouter des bordures aux polices ?

La question :

Le CSS/XHTML peut-il être utilisé pour ajouter un bordure autour du texte, semblable à la bordure blanche du logo de Twitter ? Sinon, existe-t-il des hacks viables pour obtenir cet effet sans recourir à Photoshop ?

La réponse :

En effet, CSS propose une propriété expérimentale appelée text-stroke, habilité par le préfixe -webkit dans certains navigateurs.

Exemple de code :

Le L'extrait de code suivant démontre l'utilisation du trait de texte :

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

    font-family: sans; color: yellow;
}

<h1>Hello World</h1>

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!