Egy vágási terület meghatározza egy elem megjelenített tartalmának azt a részét, amely látható lesz. Alaphelyzetben ez megegyezik az elem dobozával – méretre és alakra nézve egyaránt. Ezzel a tulajdonsággal azonban ez a vágási terület módosítható.
A tulajdonság értékei a következők lehetnek:
inherit
: a tulajdonság értékét az elem az ősétől örökli.
auto
: alapértelmezés, a fent leírt módon a vágási terület
alakra is és méretre is megegyezik az elem dobozával.
rect(
felső, jobb, alsó, bal)
, ahol a felső, alsó,
jobb és bal a doboz megfelelő oldalától való távolságot jelentik. Ezek lehetnek
hosszértékek, vagy lehet auto
. Negatív értékek is használhatók. Az
auto
érték itt azt jelenti, hogy az adott élre nézve a vágási
terület az elem dobozáig ér (mintha 0 lenne megadva).
A tulajdonságnak akkor van jelentősége, ha az
overflow
tulajdonság értéke nem
visible
. A későbbi CSS szabványokban elképzelhető, hogy lesz a
téglalapon kívül más formájú vágási terület is, azonban a 2-es szabvány még csak
a téglalapot ismeri.