Section courante

A propos

Section administrative du site

::before

 Avant
CSS2  

Syntaxe

::before: { déclarations de CSS };

Description

Ce pseudo-élément permet de placer des propriétés style avant l'élément.

Exemple

L'exemple suivant permet d'afficher un icône de téléchargement avant le lien  :

  1. <html>
  2. <head>
  3. <style>
  4. .download::before {content: url(/IMAGES/download-icon.gif);vertical-align: middle;padding-right:5px;top:4px;position:relative;} 
  5. </style>
  6. <body>
  7. <a class="download" href="http://www.gladir.com/DOWNLOAD">Téléchargez</a>
  8. <body>
  9. </html>

on obtiendra le résultat suivant :



Dernière mise à jour : Dimanche, le 20 décembre 2015