background-clip

  • Raccourci de la révision : CSS/background-clip
  • Titre de la révision : CSS : la propriété background-clip
  • ID de la révision : 58459
  • Créé :
  • Créateur : Fredchat
  • Version actuelle ? Non
  • Commentaire /* Document à relire */

Contenu de la révision

{{template.CSSMozExtensionRef()}} {{wiki.template('Traduction_à_relire')}}

Résumé

Dans les applications utilisant Gecko, -moz-background-clip spécifie si l'arrière-plan d'un élément doit s'étendre jusqu'à sa bordure. Ceci n'a aucun effet visuel lorsque la bordure est transparente (à cause de {{template.Cssxref("border-style")}}) ou partiellement opaque ; autrement la bordure recouvre la différence.

  • Valeur initiale : border
  • S'applique à : tous les éléments
  • Héritée : non

-moz-background-clip est une implémentation expérimentale de la propriété CSS3 {{template.Cssxref("background-clip")}}, qui n'a pas encore atteint le statut de « Candidate Recommendation » (appel à implémentations).

Syntaxe

-moz-background-clip: border | padding ;

Valeurs

border 
L'arrière-plan s'étend aux côtés extérieurs de la bordure (mais reste sous la bordure dans l'ordre du z-index).
padding 
L'arrière-plan s'étend aux côtés extérieurs du padding.

Exemples

hbox.example {
  border: 10px double #000000;
  border-top-style: dashed;
  background-color: #00FF00;
  /* The background will not go behind the border */
  -moz-background-clip: padding;
}

Interwiki Languages Links

{{ wiki.languages( { "en": "en/CSS/-moz-background-clip", "pl": "pl/CSS/-moz-background-clip" } ) }}

Source de la révision

<p> 
{{template.CSSMozExtensionRef()}}
{{wiki.template('Traduction_à_relire')}}
</p>
<h3 name="R.C3.A9sum.C3.A9"> Résumé </h3>
<p>Dans les applications utilisant <a href="fr/Gecko">Gecko</a>, <code>-moz-background-clip</code> spécifie si l'arrière-plan d'un élément doit s'étendre jusqu'à sa bordure. Ceci n'a aucun effet visuel lorsque la bordure est transparente (à cause de {{template.Cssxref("border-style")}}) ou partiellement opaque ; autrement la bordure recouvre la différence.
</p>
<ul><li> Valeur initiale : border
</li><li> S'applique à : tous les éléments
</li><li> Héritée : non
</li></ul>
<p><code>-moz-background-clip</code> est une implémentation expérimentale de la propriété CSS3 {{template.Cssxref("background-clip")}}, qui n'a pas encore atteint le statut de « Candidate Recommendation » (appel à implémentations).
</p>
<h3 name="Syntaxe"> Syntaxe </h3>
<pre class="eval">-moz-background-clip: border | padding ;
</pre>
<h3 name="Valeurs"> Valeurs </h3>
<dl><dt> border </dt><dd> L'arrière-plan s'étend aux côtés extérieurs de la bordure (mais reste sous la bordure dans l'ordre du z-index).
</dd><dt> padding </dt><dd> L'arrière-plan s'étend aux côtés extérieurs du <code>padding</code>.
</dd></dl>
<h3 name="Exemples"> Exemples </h3>
<pre class="eval">hbox.example {
  border: 10px double #000000;
  border-top-style: dashed;
  background-color: #00FF00;
  /* The background will not go behind the border */
  -moz-background-clip: padding;
}
</pre>
<p><span class="comment">Interwiki Languages Links</span>
</p>{{ wiki.languages( { "en": "en/CSS/-moz-background-clip", "pl": "pl/CSS/-moz-background-clip" } ) }}
Revenir à cette révision