CSS La propriété : clip

.......................

CSS clip


Les propriétés CSS

La propriété de feuille de style css clip permet de spécifier la zone visible d'un élément.
La propriété de feuille de style css clip est généralement utilisée pour cacher une partie d'un élément.

Définition et utilisation:La propriété clip

Qu'advient-il si une image est plus grande que l'élément contenant?
- La propriété clip vous permet de régler ce probléme en spécifiant les dimensions d'un élément en position absolue qui doit être visible, et l'élément est découpé et affiché.

Note:
La propriété clip ne fonctionne pas si "overflow: visible".

Code css : Sélectionner le code
	img
	{
	position:absolute;
	clip:rect(0px,60px,200px,0px);
	}
	

La valeur par défaut: auto
Héritée: non
Version: CSS2
la syntaxe JavaScript: object.style.clip="rect(0px,50px,50px,0px)"

Valeurs de la propriété :

Valeur Description
auto s'adapte au contenu
shape La seule valeur rect(v1, v2, v3, v4) : v1 début de la zone visible verticale
v2 fin de la zone visible horizontale
v3 fin de la zone visible verticale
v4 début de la zone visible horizontale.
inherit Indique que le paramètre de la propriété doit être héritée de l'élément parent. Internet Explorer (IE8 y compris) ne supporte pas cette valeur





Par carabde 10 mars 2014
  • HTML5, CSS3, JavaScript pour débutants Tome 1 HTML5, CSS3, JavaScript pour débutants Tome 1
    Premier tome d\'une série vidéo dédiée à l\'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    Balise figure

    Spécifie autonome le contenu

    Balise mark

    Définit le texte marqué / mis en évidence

    php fonction date

    La fonction date