Fungsi calc() CSS

Definisi dan penggunaan

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

Contoh

Menggunakan 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;
}

Coba sendiri

Syarat CSS

calc(expression)
Nilai Deskripsi
expression

Diperlukan. Ekspresi matematika, hasilnya akan digunakan sebagai nilai.

Dapat digunakan operator berikut: +, -, *, /.

Detil teknis

Versi: CSS3

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung fungsi ini.

Chrome Edge Firefox Safari Opera
26 9 16 7 15

Halaman yang berhubungan

Referensi:Fungsi acos() CSS

Referensi:Fungsi asin() CSS

Referensi:Fungsi atan() CSS

Referensi:Fungsi atan2() CSS

Referensi:Fungsi cos() CSS

Referensi:Fungsi exp() CSS

Referensi:Fungsi hypot() CSS

Referensi:Fungsi log() CSS

Referensi:Fungsi mod() CSS

Referensi:Fungsi pow() CSS

Referensi:Fungsi sin() CSS

Referensi:Fungsi sqrt() CSS

Referensi:Fungsi tan() CSS