clip

  • Raccourci de la révision : CSS/clip
  • Titre de la révision : clip
  • ID de la révision : 169569
  • Créé :
  • Créateur : Valacar
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

{{template.CSSRef()}}

Résumé

La propriété CSS clip définit quelle portion d'un élément est visible.

  • {{template.Xref_cssinitial()}} : auto
  • S'applique à : éléments positionnés en absolu
  • {{template.Xref_cssinherited()}} : non
  • Pourcentages : n/a
  • Média : {{template.Xref_cssvisual()}}
  • {{template.Xref_csscomputed()}} : Pour les valeurs d'un rectangle, un rectangle consiste en 4 valeurs calculées ; autrement, comme spécifié

Syntaxe

clip: <forme> | auto | inherit

Valeurs

{{template.Xref_cssshape()}}
Spécifie une forme du type rect(<haut>, <droite>, <bas>, <gauche>);
{{template.Cssxref("auto")}}
La zone découpée a les mêmes dimensions que la boîte de l'élément auquel elle est appliquée.
{{template.Cssxref("inherit")}}

Exemples

{{template.CSSRefExampleLink("clip")}}

  img.clip04 { 
    clip: rect(10px, 20px, 20px, 10px);
  }

Notes

Spécifications

Compatibilité des navigateurs

Navigateur Version minimale
Internet Explorer 4
Firefox 1
Netscape 4
Opera 7
Safari 1

Voir également

{{template.Cssxref("overflow")}}, {{template.Cssxref("position")}}

{{ wiki.languages( { "en": "en/CSS/clip" } ) }}

Source de la révision

<p> 
{{template.CSSRef()}}
</p>
<h3 name="R.C3.A9sum.C3.A9"> Résumé </h3>
<p>La propriété CSS <code>clip</code> définit quelle portion d'un élément est visible.
</p>
<ul><li> {{template.Xref_cssinitial()}} : auto
</li><li> S'applique à : éléments positionnés en absolu
</li><li> {{template.Xref_cssinherited()}} : non
</li><li> Pourcentages : n/a
</li><li> Média : {{template.Xref_cssvisual()}}
</li><li> {{template.Xref_csscomputed()}} : Pour les valeurs d'un rectangle, un rectangle consiste en 4 valeurs calculées ; autrement, comme spécifié
</li></ul>
<h3 name="Syntaxe"> Syntaxe </h3>
<pre class="eval">clip: &lt;forme&gt; | auto | inherit
</pre>
<h3 name="Valeurs"> Valeurs </h3>
<dl><dt>{{template.Xref_cssshape()}}</dt><dd> Spécifie une forme du type <code>rect(&lt;haut&gt;, &lt;droite&gt;, &lt;bas&gt;, &lt;gauche&gt;);</code>
</dd><dt>{{template.Cssxref("auto")}}</dt><dd> La zone découpée a les mêmes dimensions que la boîte de l'élément auquel elle est appliquée.
</dd><dt>{{template.Cssxref("inherit")}}</dt><dd>
</dd></dl>
<h3 name="Exemples"> Exemples </h3>
<p>{{template.CSSRefExampleLink("clip")}}
</p>
<pre class="eval">  img.clip04 { 
    clip: rect(10px, 20px, 20px, 10px);
  }
</pre>
<h3 name="Notes"> Notes </h3>
<h3 name="Sp.C3.A9cifications"> Spécifications </h3>
<ul><li> <a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/visufx.html#clipping">CSS2 (fr)</a> <small>(non normative)</small>
</li><li> <a class="external" href="http://www.w3.org/TR/CSS21/visufx.html#clip">CSS 2.1 (en)</a>
</li></ul>
<h3 name="Compatibilit.C3.A9_des_navigateurs"> Compatibilité des navigateurs </h3>
<table class="standard-table">
  <tbody><tr>
    <th>Navigateur</th>
    <th>Version minimale</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>4</td>
  </tr>
  <tr>
    <td>Firefox</td>
    <td>1</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>4</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>7</td>
  </tr>
  <tr>
    <td>Safari</td>
    <td>1</td>
  </tr>
</tbody></table>
<h3 name="Voir_.C3.A9galement"> Voir également </h3>
<p>{{template.Cssxref("overflow")}}, {{template.Cssxref("position")}}
</p>
<div class="noinclude">
</div>
{{ wiki.languages( { "en": "en/CSS/clip" } ) }}
Revenir à cette révision