CSS Calc Playground
Testi ja eelvaata CSS calc() avaldisi reaalajas. Katseta segaühikuid nagu px, %, rem, vw. Vaata arvutatud tulemust elavalt. Kopeeri CSS-kood. Tasuta veebitööriist.
Näited
Eelvaade
Viide
Mis on CSS calc()?
CSS-funktsioon calc() võimaldab teha arvutusi CSS-omaduste väärtuste määramisel. See on eriti kasulik erinevate ühikute segamiseks, nagu protsendid ja pikslid.
Toetatud ühikud
Saad segada kõiki CSS-pikkusühikuid calc() sees: px, %, em, rem, vw, vh, vmin, vmax ja muud. Operaatorid +, -, *, / on toetatud.
Levinud mustrid
calc(100% - 2rem) — täislaius miinus fikseeritud polster. calc(100vh - 80px) — vaateava kõrgus miinus päis. calc(50% + 1rem) — poollaius pluss nihe. calc(100% / 3) — kolmandik konteinerist.
Privaatsus
Kogu calc() testimine toimub 100 % sinu brauseris. Ühtegi andmeid ei saadeta serverisse.