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

(17/05/2009) - Utilitaires - Testeur de REGEX
(08/11/2008) - Trucs et Astuces - Insérer un copyright sur une image avec la librairie GD
(01/11/2008) - Trucs et Astuces - Créer des titres en image PHP avec la librairie GD
(05/10/2008) - PHP - La Librairie GD (Redimensionnement d'une image)
(04/10/2008) - PHP - La Librairie GD (Ouverture et dimensions d'une image)
(28/09/2008) - PHP - La Librairie GD (Les textes et polices)

Informations Générales

Chargement en cours...

Nombre de Visites fleche

[ 1 036 259 ]
Votre IP fleche

[ 38.107.191.117 ]

Vous êtes ici : Home Page

Cours

CSS

Pseudo-element before et after

Imprimer le document

Informations Générales

[425] Posts sur le forum

[453] Membres inscrits
Il y a en ligne :

0 Membre

3 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.

Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

Nos 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+ 3+ 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+ 3+ 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}