Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

rect() - Fonction CSS

rect()

Résumé des caractéristiques de la fonction rect()

Description rapide
Définit un rectangle.
Statut
Obsolète
Pourcentages
Ne s'appliquent pas.
Module W3C
CSS 2 - Spécification concernant les feuilles de styles en cascade - Version 2
Références (W3C)
Statut du document:: Ancienne norme, obsolète

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 et g 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().

    Paramètres de la fonction 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é.

clip :
Exemple pour la fonction rect()

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.

1
rect()
Estimation de la prise en charge en pourcentage du parc actuel.
97%

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.

Propriétés.

Définit la position des puces ou des numéros dans une liste.

Directives.

Indique le jeu de caractères utilisé dans la feuille de styles.