Tipe data CSS <percentage> mewakili persentase. Format nilai persentase adalah <nomor> segera diikuti oleh%. Tidak ada ruang yang diperbolehkan antara angka dan%.

Nilai persentase selalu relatif terhadap nilai lain. Nilai yang persentase relatif dapat berupa nilai dari induk elemen atau dari properti lain dari elemen itu sendiri. Misalnya, jika lebar elemen diatur ke 50%, ini berarti bahwa lebar yang dikomputasi akan menjadi setengah dari lebar induknya. Di sisi lain, ketika tinggi garis elemen diatur dalam persentase, nilainya akan dihitung relatif terhadap nilai ukuran font elemen, bukan orang tuanya. (Lihat contoh dan demo di bawah ini)

Juga, nilai persentase tidak mengalir sebagai persentase, hanya nilai yang dihitung (dihitung) yang diwarisi. Yang berarti bahwa ketika elemen anak mewarisi nilai properti dari induknya, apakah secara default atau dengan kata kunci pewarisan, nilai aktual yang diwarisi oleh anak bukanlah persentase, itu adalah hasil perhitungan persentase relatif terhadap beberapa nilai itu diatur sehubungan dengan. Misalnya, berikut ini, anak-anak dari elemen p akan mewarisi nilai 12px untuk tinggi garis, bukan nilai persentase (120%):

 

Ketinggian garis paragraf diatur relatif terhadap ukuran font. Nilai tinggi garis dihitung, hasilnya 12px dalam kasus ini, dan kemudian itu adalah nilai yang dihitung yang diteruskan dan diwarisi oleh elemen anak dari paragraf tersebut.

Banyak properti CSS mengambil nilai persentase, seperti width, line-height, dan font-size.

Transisi <persentase>

Persentase dalam CSS dapat ditransisikan. Mereka diinterpolasi sebagai angka floating-point yang nyata. Kecepatan transisi berlangsung ditentukan menggunakan fungsi timing CSS.

Perhatikan bahwa meskipun persentase sebagai nilai yang dapat ditransisikan, ini tidak berarti bahwa properti apa pun yang mengambil persentase sebagai nilai dapat animatable. Untuk daftar properti yang dapat dianimasikan, lihat daftar ini dan daftar ini dalam spesifikasi Transisi CSS.

Contohnya

Berikut ini akan menetapkan lebar elemen .child menjadi 70% dari lebar induknya. Ketinggian garis elemen akan diatur ke 140% dari nilai ukuran fontnya sendiri.