Bordures de texte en HTML CSS
Résolu/Fermé
Roxane 59
Messages postés
411
Date d'inscription
jeudi 23 août 2007
Statut
Membre
Dernière intervention
5 novembre 2008
-
28 oct. 2007 à 23:13
essai2012 Messages postés 101 Date d'inscription lundi 27 août 2012 Statut Membre Dernière intervention 5 octobre 2016 - 20 oct. 2012 à 10:53
essai2012 Messages postés 101 Date d'inscription lundi 27 août 2012 Statut Membre Dernière intervention 5 octobre 2016 - 20 oct. 2012 à 10:53
A voir également:
- Contour texte css
- Formule excel si contient texte alors texte ✓ - Forum Excel
- Dans le texte, un seul mot a réellement été écrit en lettres capitales (majuscules). quel est ce mot ? - Forum Word
- Si cellule contient texte alors ✓ - Forum Excel
- Corinne copie un texte sur le web et le colle dans un document avec l'option "texte non formaté" (aussi appelée "texte sans mise en forme"). qu'est-ce qui est conservé ? - Forum Bureautique
- Excel cellule couleur si condition texte - Guide
6 réponses
Rhôôô
Lisez les questions plutôt que de répondre à côté de la plaque LoL =D
Bon j'arrête de jouer les gros lourds et je vous file la solution.
Pour ajouter une bordure à un texte on peut utilise la propriété CSS "text-shadow" :
.monTexte{
text-shadow:
#FF0000 1px 1px,
#FF0000 -1px 1px,
#FF0000 -1px -1px,
#FF0000 1px -1px;
}
Petite explication sur les paramètres :
1er = couleur de l'ombre
2eme = décalage de l'ombre vers la droite
3eme = décalage de l'ombre vers le bas
En gros en appliquant le style ci-dessus on attribue une ombre à notre texte sur les 4 diagonales.
Bon le rendu est crade alors on peut rajouter un 4eme paramètre qui définis le nombre de pixels sur lequel va être appliqué le dégradé de notre ombre.
La feuille de style à appliquer deviens alors :
.monTexte{
text-shadow:
#FF0000 1px 1px 1px,
#FF0000 -1px 1px 1px,
#FF0000 -1px -1px 1px,
#FF0000 1px -1px 1px;
}
Voili Voulou =D
Lisez les questions plutôt que de répondre à côté de la plaque LoL =D
Bon j'arrête de jouer les gros lourds et je vous file la solution.
Pour ajouter une bordure à un texte on peut utilise la propriété CSS "text-shadow" :
.monTexte{
text-shadow:
#FF0000 1px 1px,
#FF0000 -1px 1px,
#FF0000 -1px -1px,
#FF0000 1px -1px;
}
Petite explication sur les paramètres :
1er = couleur de l'ombre
2eme = décalage de l'ombre vers la droite
3eme = décalage de l'ombre vers le bas
En gros en appliquant le style ci-dessus on attribue une ombre à notre texte sur les 4 diagonales.
Bon le rendu est crade alors on peut rajouter un 4eme paramètre qui définis le nombre de pixels sur lequel va être appliqué le dégradé de notre ombre.
La feuille de style à appliquer deviens alors :
.monTexte{
text-shadow:
#FF0000 1px 1px 1px,
#FF0000 -1px 1px 1px,
#FF0000 -1px -1px 1px,
#FF0000 1px -1px 1px;
}
Voili Voulou =D
5 sept. 2012 à 19:03
17 oct. 2012 à 12:02