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 :

la fonction include

Les includes

fonction strptime

Analyse une date générée par

Calculer l'âge en utilisant JavaScript

JavaScript offre certaines fonctions intégrées de date et d'heure, qui permettent de calculer l'âge à partir d'une date (date de naissance par exemple).