column-rule-color

  • Raccourci de la révision : CSS/column-rule-color
  • Titre de la révision : column-rule-color
  • ID de la révision : 316705
  • Créé :
  • Créateur : FredB
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{ CSSRef() }}

Résumé

La propriété CSS column-rule-color permet de définir la couleur de la lige dessinée entre les colonnes dans une mise en page multicolonne.

  • {{ Xref_cssinitial() }} {{ cssxref("color_value", "currentColor") }}
  • S'applique à tous les éléments
  • {{ Xref_cssinherited() }} non
  • Média {{ Xref_cssvisual() }}
  • {{ Xref_csscomputed() }} calculée comme la valeur de la propriété {{ cssxref("color") }}

Syntaxe

column-rule-color:  {{ Xref_csscolorvalue() }}

Valeurs

<couleur> 
Voir {{ Xref_csscolorvalue() }}.

Example

#header {column-rule-color:  blue;}

Spécifications

Spécification État Commentaire
{{ SpecName('CSS3 Multicol', '#crc', 'column-rule-color') }} {{ Spec2('CSS3 Multicol') }}  

Compatibilité des navigateurs

{{ CompatibilityTable() }}

Fonction Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Support de base {{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }} 3.5 (1.9.1){{ property_prefix('-moz') }} 10 11.1 3.0 (522){{ property_prefix('-webkit') }}
Fonction Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatVersionUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }} {{ CompatUnknown() }}

Voir également

  • Les propriétés CSS liées aux colonnes : {{ CSS_Reference:Columns() }}

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>column-rule-color</code> permet de définir la couleur de la lige dessinée entre les colonnes dans une mise en page multicolonne.</p>
<ul class="cssprop">
  <li><dfn>{{ Xref_cssinitial() }} </dfn> {{ cssxref("color_value", "currentColor") }}</li>
  <li><dfn>S'applique à </dfn>tous les éléments</li>
  <li><dfn>{{ Xref_cssinherited() }} </dfn> non</li>
  <li><dfn>Média </dfn> {{ Xref_cssvisual() }}</li>
  <li><dfn>{{ Xref_csscomputed() }} </dfn> calculée comme la valeur de la propriété {{ cssxref("color") }}</li>
</ul>
<h2 id="Syntax" name="Syntax">Syntaxe</h2>
<pre>
<code>column-rule-color:  </code>{{ Xref_csscolorvalue() }}
</pre>
<h3 id="Values" name="Values">Valeurs</h3>
<dl>
  <dt>
    &lt;couleur&gt;&nbsp;</dt>
  <dd>
    Voir {{ Xref_csscolorvalue() }}.</dd>
</dl>
<h2 id="Examples" name="Examples">Example</h2>
<pre>
#header {<code>column-rule-color:  blue;</code>}
</pre>
<h2 id="Sp.C3.A9cifications">Spécifications</h2>
<table class="standard-table">
  <thead>
    <tr>
      <th scope="col">Spécification</th>
      <th scope="col">État</th>
      <th scope="col">Commentaire</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>{{ SpecName('CSS3 Multicol', '#crc', 'column-rule-color') }}</td>
      <td>{{ Spec2('CSS3 Multicol') }}</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 (WebKit)</th>
      </tr>
      <tr>
        <td>Support de base</td>
        <td>{{ CompatVersionUnknown() }}{{ property_prefix('-webkit') }}</td>
        <td>3.5 (1.9.1){{ property_prefix('-moz') }}</td>
        <td>10</td>
        <td>11.1</td>
        <td>3.0 (522){{ property_prefix('-webkit') }}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Fonction</th>
        <th>Android</th>
        <th>Chrome for Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Support de base</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatVersionUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
        <td>{{ CompatUnknown() }}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="Voir_.C3.A9galement">Voir également</h2>
<ul>
  <li>Les propriétés CSS liées aux <a href="/fr/docs/Colonnes_CSS3">colonnes</a> : {{ CSS_Reference:Columns() }}</li>
</ul>
Revenir à cette révision