Discussion :

[f56bre]

Bonjour à tous,

J'aurais voulus savoir s'il est possible d'ajouter une bordure à une lettre se trouvant dans un span. Quand je parle de bordure je pense à une bordure qui épouse la lettre, laquelle est dans un police assez large (Arial Black).

merci d'avance.

[Dan_A]

Normalement, on peut mais comme les spécifications ne sont pas très précises sur ce point, il faut ajouter position:relative pour Internet Explorer.

[f56bre]

Je ne parle pas de mettre en cadre autour de mon span mais de mettre une bordure à ma lettre. En gros pour faire un lettrine un minimum travaillée sans passer pas photoshop.

[Linaa]

Comment fais-tu pour ta lettrine ?
Il suffit de rajouter une bordure non... ?

Tu peux également utiliser la pseudo-classe first-letter, mais celle-ci ne fonctionne que pour les élements paragraphe <p>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
p:first-letter {
  color : #ff0000;
  font-size : 16px;
  border : 1px solid #000000;
}

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<p>Bonjour</p>

Ou bien tu encadres ta lettrine d'un span auquel tu lui associes un style avec une bordure.

[f56bre]

Oui mais ça ça me donne un cadre autour de la lettre mais pas une bordure épousant les contours de la lettre. Ce n'est peut-être tout simplement pas possible.

[Linaa]

Tu parles d'une ombre là !!
Il n'existe pas de propriété CSS permettant de faire cela, mais tu peux le faire en superposant les textes de manière absolue.