empty-cells

  • Raccourci de la révision : CSS/empty-cells
  • Titre de la révision : empty-cells
  • ID de la révision : 355043
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

La propriété CSS empty-cells définie comment l'user-agent doit afficher les bordures et les arrière-plans autour des cellules qui ne contiennent pas de contenu.

  • {{ Xref_cssinitial() }} show
  • S'applique à éléments table-cell
  • {{ Xref_cssinherited() }} oui
  • Média {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }} comme spécifiée

Syntaxe

empty-cells: show | hide | {{ Cssxref("inherit") }}

Valeurs

show
Est un mot-clé indiquant que les bordures et les arrière-plans doivent être affichés comme dans une cellule normale.
hide
Est un mot-clé qui indique qu'aucune bordure ou arrière-plan doit être affiché.

Exemples

{{ CSSRefExampleLink("empty-cells") }}

.contentbox td {
  empty-cells: show;
}

Spécification

Spécification État Commentaire
CSS 2.1 {{ Spec2('CSS2.1') }}  

Compatibilité des navigateurs

{{ CompatibilityTable() }}

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 1.0 {{ CompatGeckoDesktop("1.0") }} 8.0 4.0 1.2
Fonction Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Support de base 1 {{ CompatGeckoMobile("1.0") }} 8 6 3.1

Voir également

  • Propriétés CSS liées aux tableaux : {{ CSS_Reference:Table_Properties() }}

Source de la révision

<p>{{ CSSRef() }}</p>
<h2 id="R.C3.A9sum.C3.A9">Résumé</h2>
<p>La propriété <a href="/fr/docs/CSS" title="/fr/docs/CSS">CSS</a> <code>empty-cells</code> définie comment l'user-agent doit afficher les bordures et les arrière-plans autour des cellules qui ne contiennent pas de contenu.</p>
<ul class="cssprop">
  <li><dfn>{{ Xref_cssinitial() }} </dfn><code>show</code></li>
  <li><dfn>S'applique à </dfn>éléments <code>table-cell</code></li>
  <li><dfn>{{ Xref_cssinherited() }} </dfn>oui</li>
  <li><dfn>Média </dfn>{{ Xref_cssvisual() }}</li>
  <li><dfn>{{ Xref_csscomputed() }} </dfn>comme spécifiée</li>
</ul>
<h2 id="Syntaxe">Syntaxe</h2>
<pre class="eval syntaxbox">
empty-cells: show | hide | {{ Cssxref("inherit") }}</pre>
<h3 id="Valeurs">Valeurs</h3>
<dl>
  <dt>
    show</dt>
  <dd>
    Est un mot-clé indiquant que les bordures et les arrière-plans doivent être affichés comme dans une cellule normale.</dd>
  <dt>
    hide</dt>
  <dd>
    Est un mot-clé qui indique qu'aucune bordure ou arrière-plan doit être affiché.</dd>
</dl>
<h2 id="Exemples">Exemples</h2>
<p>{{ CSSRefExampleLink("empty-cells") }}</p>
<pre class="eval">
.contentbox td {
  empty-cells: show;
}
</pre>
<h2 id="Sp.C3.A9cification">Spécification</h2>
<table class="standard-table">
  <thead>
    <tr style="background-color: rgb(255, 204, 255);">
      <th scope="col">Spécification</th>
      <th scope="col">État</th>
      <th scope="col">Commentaire</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a class="external" href="http://www.w3.org/TR/CSS21/tables.html#empty-cells" title="http://www.w3.org/TR/CSS21/tables.html#empty-cells">CSS 2.1</a></td>
      <td>{{ Spec2('CSS2.1') }}</td>
      <td>&nbsp;</td>
    </tr>
  </tbody>
</table>
<h2 id="Compatibilit.C3.A9_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonction</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Support de base</td>
        <td>1.0</td>
        <td>{{ CompatGeckoDesktop("1.0") }}</td>
        <td>8.0</td>
        <td>4.0</td>
        <td>1.2</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonction</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE&nbsp;Phone</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Support de base</td>
        <td>1</td>
        <td>{{ CompatGeckoMobile("1.0") }}</td>
        <td>8</td>
        <td>6</td>
        <td>3.1</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<ul>
  <li>Propriétés CSS liées aux tableaux : {{ CSS_Reference:Table_Properties() }}</li>
</ul>
Revenir à cette révision