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 :
12 Positive integer (without a leading + sign) +123 Positive integer (with a leading + sign) -456 Negative integer 0 Zero +0 Zero, with a leading + -0 Zero, with a leading - (Though strange, this is an allowed value)
Seperti contoh di bawah ini adalah nilai integer yang tidak benar :
12.0 This is a <number>, not an <integer>, though it represents an integer 12. The dot should not be part of an <integer> +---12 Only one leading +/- is allowed ten Letters are not allowed _5 Special characters are not allowed \35 Escaped Unicode characters are not allowed, even if they are an integer (here: 5) \4E94 Non-arabic numerals are not allowed, even escaped (here: the Japanese 5, 五) 3e4 Scientific notation is not valid on <integer>.
Sampai di sini penjelasan saya mengenai fungsi type data <integer> di CSS, semoga bermanfaat.