oujood.com

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

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

chercher |

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



Voir aussi nos tutoriel :

fonction date_sunset

Retourne l’heure du coucher du soleil pour un jour et un endroit donnés

Retourne le type de ressource

Retourne le type de ressource

Elément XSLT XSL for each

Elément XSLT XSL for each