list-style

  • Raccourci de la révision : CSS/list-style
  • Titre de la révision : list-style
  • ID de la révision : 355077
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

La propriété CSS list-style est un raccourci pour définir simultanément les paramètres list-style-type, list-style-image et list-style-position.

  • {{Xref_cssinitial}} voir chaque propriété individuellement pour plus de détails
  • S'applique à éléments de type display: list-item
  • {{Xref_cssinherited}} non
  • Média {{Xref_cssvisual}}
  • {{Xref_csscomputed}} voir chaque propriétés pour plus de détails

Syntaxe

list-style: [ list-style-type || list-style-position || list-style-image ] | inherit

Valeurs

list-style-type
Voir {{ Cssxref("list-style-type") }}.
list-style-image
Voir {{ Cssxref("list-style-image") }}.
list-style-position
Voir {{ Cssxref("list-style-position") }}.

Exemples

ul { 
    list-style: circle inside;
}

Notes

Spécifications

Compatibilité des navigateurs

Voir également

{{ Référence_CSS:list-style() }}

Interwiki Languages Links

{{ languages({ "en": "en/CSS/list-style", "es": "es/CSS/list-style", "de": "de/CSS/list-style", "ja": "ja/CSS/list-style", "pl": "pl/CSS/list-style", "pt": "pt/CSS/list-style"}) }}

Source de la révision

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9" name="R.C3.A9sum.C3.A9">Résumé</h2>
<p>La propriété <a href="/fr/docs/CSS" title="/fr/docs/CSS">CSS</a> <code>list-style</code> est un raccourci pour définir simultanément les paramètres <code>list-style-type</code>, <code>list-style-image</code> et <code>list-style-position</code>.</p>
<ul class="cssprop">
  <li><dfn>{{Xref_cssinitial}} </dfn>voir chaque propriété individuellement pour plus de détails</li>
  <li><dfn>S'applique à&nbsp;</dfn>éléments de type <em>display: list-item</em></li>
  <li><dfn>{{Xref_cssinherited}} </dfn>non</li>
  <li><dfn>Média </dfn>{{Xref_cssvisual}}</li>
  <li><dfn>{{Xref_csscomputed}} </dfn>voir chaque propriétés pour plus de détails</li>
</ul>
<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2>
<pre class="eval">
list-style: [ list-style-type || list-style-position || list-style-image ] | inherit
</pre>
<h3 id="Valeurs" name="Valeurs">Valeurs</h3>
<dl>
  <dt>
    <code>list-style-type</code></dt>
  <dd>
    Voir {{ Cssxref("list-style-type") }}.</dd>
  <dt>
    <code>list-style-image</code></dt>
  <dd>
    Voir {{ Cssxref("list-style-image") }}.</dd>
  <dt>
    <code>list-style-position</code></dt>
  <dd>
    Voir {{ Cssxref("list-style-position") }}.</dd>
</dl>
<h2 id="Exemples" name="Exemples">Exemples</h2>
<pre class="eval">
ul { 
    list-style: circle inside;
}
</pre>
<h2 id="Notes" name="Notes">Notes</h2>
<h2 id="Sp.C3.A9cifications" name="Sp.C3.A9cifications">Spécifications</h2>
<ul>
  <li><a class="external" href="http://www.yoyodesign.org/doc/w3c/css1/#list-style">CSS 1</a></li>
  <li><a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/generate.html#lists">CSS 2</a> ou <a class="external" href="http://www.w3.org/TR/CSS21/generate.html#q10">CSS 2.1 (en)</a></li>
  <li><a class="external" href="http://www.w3.org/TR/2002/WD-css3-lists-20021107/#list-style">CSS 3 (en)</a></li>
</ul>
<h2 id="Compatibilit.C3.A9_des_navigateurs" name="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<h2 id="Voir_.C3.A9galement" name="Voir_.C3.A9galement">Voir également</h2>
<p>{{ Référence_CSS:list-style() }}</p>
<p class="comment">Interwiki Languages Links</p>
<div class="noinclude">
  {{ languages({ "en": "en/CSS/list-style", "es": "es/CSS/list-style", "de": "de/CSS/list-style", "ja": "ja/CSS/list-style", "pl": "pl/CSS/list-style", "pt": "pt/CSS/list-style"}) }}</div>
Revenir à cette révision