Skip to content

Latest commit

 

History

History
 
 

037 CSS Math Function

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 

CSS Math Function

Apa Itu CSS Math Function?

CSS Math Function memungkinkan perhitungan dengan matematika pada properti.

Contoh Penerapan CSS Math Function

1. calc() Function

calc() berfungsi untuk melakukan perhitungan dan digunakan dalam nilai properti.

calc() memiliki syntaks: calc(perhitungan).

Contoh penggunaan calc():

#div1 {
  position: absolute;
  left: 60px;
  width: calc(100% - 100px);
  border: 1px solid black;
  background-color: red;
  padding: 7px;
}

2. max() Function

max() Digunakan untuk menentukan nilai terbesar sebagai nilai dari properti.

max() memiliki syntaks: max(nilai1, nilai2, ...)

Contoh penggunaan max():

#div1 {
  background-color: red;
  height: 100px;
  width: max(50%, 300px);
}

3. min() Function

min() Digunakan untuk menentukan nilai terkecil sebagai nilai dari properti.

min() memiliki syntaks: min(nilai1, nilai2, ...)

Contoh penggunaan min():

#div1 {
  background-color: red;
  height: 100px;
  width: min(50%, 300px);
}