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 levenshtein

Calcule la distance Levenshtein entre deux chaînes

Déclaration des images avec PHP GD

Déclaration des images avec PHP GD

fonction str_ireplace, str_ireplace

Version insensible la casse de str_replace