Belajar CSS3 # Variabel dan Function

Daftar Isi : [Tampil]

1. Variable

CSS3 sudah mendukung variable, dengan variable membuat kita mudah untuk menuliskan syntax. Penulisan variable di css adalah dengan menggunakan selector :root, seperti contoh :

  :root {
  	--namavariable: value;
  }
  

Dengan ditulis dipaling atas/paling pertama dalam penulisan kode. Dan cara memanggil variable tersebut adalah dengan :

  body{
    nama-variable: var(variableyangdibuat);
  }
  

Dibawah ini saya akan menuliskan secara lengkap penggunaan variable :

  :root {
    --myfont: arial, verdana, sans-serif;
    --myfontsize: 14px;
  }
  h1 {
    font-family: var(--myfont);
  }
  

Kira-kira seperti itu cara penulisan dan cara pemanggilan di CSS.

2. Calc()

CSS3 memberikan function yang dapat digunakan untuk menghitung yaitu dengan "calc()".Value yang dapat dihitung menggunakan "calc()" adalah "length", "frequency", "angle", "time", "percentage", "number", "integer". Penulisannya adalah sebagai berikut :

  h1 {
    font-size: calc(1.5rem + 3vw);
  }
  

Sekian Dan Terimakasih . . .