Pada kesempatan kali ini saya akan menjelaskan fungsi type data <integer> di CSS. Di dalam css, Tipe data <integer> CSS menunjukkan bilangan bulat, positif atau negatif. Tidak ada unit terkait dengan nilainya. Sebuah bilangan bulat yang terdiri dari satu atau beberapa digit desimal, 0 sampai 9, secara opsional didahului oleh satu tanda ( + ) tunggal atau tanda ( – ).

Integer dapat menjadi bagian dari tipe data CSS lainnya. Dalam hal ini, bisa diikuti oleh satu unit, sebagai contoh, sebuah <length> bisa berupa bilangan bulat diikuti oleh satuan panjang. Integer juga merupakan subset dari tipe data <number>.

Integer digunakan dalam berbagai properti CSS, Z-index, counter-increment, kolom-count, grid-column, grid-row, repeat (), dan setiap <integer> nilai CSS juga merupakan nilai <number> CSS, meskipun kebalikannya tidak benar. Nilai tipe data <integer> CSS dapat diinterpolasi untuk memungkinkan animasi. Dalam hal ini mereka diinterpolasi melalui langkah-langkah diskrit integer. Perhitungan dilakukan seolah-olah bilangan real, bilangan floating-point dan nilai diskrit diperoleh dengan menggunakan fungsi lantai. Kecepatan interpolasi ditentukan oleh fungsi timing yang terkait dengan animasi.

Dukungan Browser :

Nilai integer didukung di semua browser utama seperti : Chrome, Firefox, Safari, Opera, IE, dan Android dan iOS .

Seperti contoh di bawah ini adalah nilai integer yang benar :

Seperti contoh di bawah ini adalah nilai integer yang tidak benar :

Sampai di sini penjelasan saya mengenai fungsi type data <integer> di CSS, semoga bermanfaat.