CSS / 3 colonnes / en-tête / pied de page

pas de javascript, pas de tableau, pas d'image

Appliquer un style à une balise <span>.

Un <span> non vide hors d'un lien (1ière partie)

Les bases

Voici du texte dont la couleur, les attributs et la taille dépendent du style appliqué au conteneur générique <span>.

Voici le code HTML avec le style inline :

Voici du texte dont la <span style="font-weight: 800;color: red;background-color: blue;padding:.2em 1em;">couleur</span>, les <span style="font:italic 800 1.2em/normal Geneva, Arial, sans;">attributs</span> et la <span style="font-size: 2em;">taille</span> dépendent du <span style="margin:.2em .5em;padding:0.1em .5em;border:2px solid black;background-color: red;color:#FFF;">style</span> appliqué <span style="padding:0 .2em;border:medium double blue;white-space: nowrap;">au conteneur</span> générique <span style="font-weight: bold;border-bottom:2px dotted blue;"><span></span>

Un <span> non vide dans un lien

Code compatible avec MSIE 5+, Opera 7+, Mozilla , Netscape 7.2+, Konqueror 3.2.

La seule difficulté ici, c'est que MSIE a besoin, pour appliquer les modifications de style, d'une instuction pour a:hover.
Ici ce sera le plus souvent :

a:hover{background:transparent;}

Quelques effets

avec display (crash avec Netscape 6 et 7.0)

Passez le curseur ici grosnormal

avec color et background-color

»» Passez le curseur ici

avec color, background-color et margin-left

»» Passez le curseur ici

avec unicode-bidi et direction

Passez le curseur ici etxet titep nu icioV

avec color, background-color et padding

Passez le curseur ici


Les pages suivantes (en construction) traiteront de style appliqué à une balise span non vide.

visites : 356943
à 21:07:44 utc+1 le 23/03/2017