rect() - Fonction CSS
Résumé des caractéristiques de la fonction rect()
Description de la fonction rect()
.
Attention ! Cette fonction est obsolète. Elle est avantageusement remplacée
par la fonction polygon()
combinée à la propriété clip-path
.
La fonction rect()
définit un rectangle, qui pourra être utilisé avec la propriété
clip
pour découper un élément.
La fonction rect() peut être utilisée avec :
clip
: Définit la partie visible de l'élément (découpage).
Syntaxe de la fonction rect()
.
- clip: rect(5px, 10px, 20px, 0px); h d b g
h
,d
,b
etg
sont quatre valeurs numériques positives ou nulle, suivies d'une unité de dimension (voir les unités CSS de dimension).Elles sont à comprendre comme le montre le schéma ci-dessous. Le trait plein représente l'élément complet ; le trait pointillé est le rectangle calculé par
rect()
.
Simulateur.
Le simulateur ci-dessous vous aidera à comprendre les paramètres de la fonction .
L'image a été positionnée en absolu (position:absolute
) pour que la propriété clip
puisse fonctionner,
et ses dimensions ont été fixées à 200 pixels de coté.
Compatibilité et prise en charge par les navigateurs.
Fonction obsolète : ne plus utiliser, bien qu'elle soit encore reconnue par l'ensemble des navigateurs.
rect()
Navigateurs sur ordinateurs :
Navigateurs sur mobiles :
Navigateurs obsolètes ou marginaux :
Androïd Brower
Chrome
Chrome pour Androïd
Edge
Firefox
Firefox pour Androïd
Internet Explorer
Opéra
Opéra Mobile
Safari
Safari sur IOS
Samsung Internet
Voir aussi, dans le même module de standardisation que rect()
.
Les spécifications CSS éditées par le W3C sont organisées en modules. rect()
fait partie du CSS 2 - Spécification concernant les feuilles de styles en cascade - Version 2 (Cascading Style Sheets specification - Version 2). Les définitions suivantes sont également décrites dans ce même module.