CSS La propriété : list-style-image

.......................

CSS la puce de liste sous forme d'image


Les propriétés CSS

La propriété de feuille de style css list-style-image permet de mettre une image à la place de l'item ou puce ou marqueur.

Définition et utilisation:La propriété list-style-image

La propriété list-style-image définit une image qui remplace le marqueur list-item.

Note:
1 - Toujours spécifier la propriété list-style-type en plus. Cette propriété est utilisée si l'image pour une raison quelconque est indisponible.

2 - Si votre feuille de style est dans un autre dossier mettez une url absolue (http://www.mon.site/images/image.gif) parceque netscape 4.7 prend comme point de départ de l'url l'endroit où se trouve la feuille de style alors que Internet Explorer prend comme origine la page html..

Code css : Sélectionner le code
	ul
	{
	list-style-image:url("/images/blueball.gif");
	list-style-type:square;
	}
	

La valeur par défaut: none
Héritée:oui
Version: CSS1
la syntaxe JavaScript: object.style.listStyleImage="url('/images/blueball.gif')"

Valeurs de la propriété : list-style-image

Valeur Description
none pas d'image. Par défaut
url indique le chemin de l'image
inherit Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur





Par carabde 10 mars 2014
  • HTML5, CSS3, JavaScript pour débutants Tome 1 HTML5, CSS3, JavaScript pour débutants Tome 1
    Premier tome d\'une série vidéo dédiée à l\'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    fonction addcslashes, addcslashes

    Ajoute des slash dans une chaîne, la mode du langage C

    fonction substr_compare, substr_compare

    Compare deux chaînes depuis un offset jusqu' une longueur en caractères

    padding-left

    Définit la marge intérieure gauche d'un élément