The rect() Function

AVOIDObsolete

The rect() function (of the <shape> data type) produces a region in the shape of a rectangle.

Syntax for rect()

	Syntax
CSS	rect( <top>, <right>, <bottom>, <left> ), where <top>, <right>, <bottom>, and <left> = "<length> | auto"

Notes

• Note that the length values are separated with commas (although some browsers may also support separation with spaces).
• This function was part of the deprecated clip property. Use the clip-path property and its values instead.

Recommended Links

• CanIUse.com: Search "rect()" (compatibility information)
• CanIEmail.com: Search "rect()" (email client compatibility information)
• MDN: <shape> including rect()

Search Engine Links (for more information)

• Bing "CSS rect function"
• Google "CSS rect function"