Webelix.net :: CSS - Les pseudo-éléments :before et :after

Inscription
fleche

Mot de passe oublié ?

Les 6 dernières pages de Cours et Dossiers ajoutées

(01/01/2008) PHP - Expression Rationnelle PREG_REPLACE
(01/01/2008) Trucs et Astuces - (PHP) Supprimer les espaces en trop dans une chaîne
(26/12/2007) Trucs et Astuces - (HTML) Jukebox vidéo en flash
(02/12/2007) Trucs et Astuces - (PHP) Manipulation des Dates
(10/11/2007) Trucs et Astuces - (JavaScript) Masquer/Désactiver des champs de formulaire
(02/11/2007) Trucs et Astuces - (JavaScript) Liste d'options dynamique

Informations Générales

Chargement en cours...

Nombre de Visites fleche

[ 139914 ]
Votre IP fleche

[ 38.103.63.16 ]

Vous êtes ici : Home Page

Cours

CSS

Pseudo-element before et after

Imprimer

Informations Membres

	[195] Posts sur le forum
	[177] Membres inscrits

Il y a en ligne :

0 Membre

6 Invités

Membre en ligne:
Aucun

Partenariat

Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers. Rendez-vous dans « Partenariat » pour en savoir plus.

Nom de domaine

Partenaires

Les pseudo-éléments :before et :after

Ces pseudo-éléments permettent d'insérer un élément de contenu automatiquement avant ou après l'élément affecté.

:before
Valeur	content
Type	CSS 2
Compatibilité	7+ 4+ 9+
Valeur par défaut	Aucune
Domaine d'application	Tous les éléments.
Héritage	non
Media	Visuel

:after
Valeur	content
Type	CSS 2
Compatibilité	7+ 4+ 9+
Valeur par défaut	Aucune
Domaine d'application	Tous les éléments.
Héritage	non
Media	Visuel

Exemples

Utilisation avec :before :

Il y a un texte avant

span:before {content: "Texte avant: ";color: blue}

Utilisation avec :after :

Il y a un texte après

span:after {content: " :Texte après";color: blue}