Fungsi calc() CSS

Definisi dan penggunaan

Fungsi CSS calc() Fungsi menjalankan perhitungan dan menggunakan hasilnya sebagai nilai atribut.

Contoh

Gunakan calc() Menghitung lebar elemen <div>:

#div1 {
  position: absolute;
  left: 50px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: yellow;
  padding: 5px;
  text-align: center;
}

Cuba sendiri

Syarat CSS

calc(expression)
Nilai Penerangan
expression

Diperlukan. Ekspresi matematik, hasilnya akan digunakan sebagai nilai.

Boleh digunakan simbol beroperasi berikut: +, -, *, /.

Perincian teknologi

Versi: CSS3

Dukungan pereka

Angka di dalam tabel menunjukkan versi pereka paling awal yang mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
26 9 16 7 15

Laman yang berkaitan

Rujukan：Fungsi acos() CSS

Rujukan：Fungsi asin() CSS

Rujukan：Fungsi atan() CSS

Rujukan：Fungsi atan2() CSS

Rujukan：Fungsi cos() CSS

Rujukan：Fungsi exp() CSS

Rujukan：Fungsi hypot() CSS

Rujukan：Fungsi log() CSS

Rujukan：Fungsi mod() CSS

Rujukan：Fungsi pow() CSS

Rujukan：Fungsi sin() CSS

Rujukan：Fungsi sqrt() CSS

Rujukan：Fungsi tan() CSS