: in-range adalah pseudo-class CSS yang digunakan untuk menata elemen yang memiliki batasan rentang ketika nilai yang diikat oleh elemen berada dalam batas rentang yang ditentukan.

Dengan kata lain, itu cocok dengan elemen ketika nilai atribut nilainya berada dalam batasan rentang yang ditentukan di atasnya.

Elemen lain apa pun yang tidak memiliki batasan rentang data atau yang bukan elemen kontrol bentuk tidak dapat dipilih dengan: dalam-rentang.

Contoh elemen dengan batasan jangkauan adalah bilah geser dan input yang menerima angka sebagai nilai. Sebagai contoh:

Input semacam itu akan memiliki kisaran nilai yang dapat diterima yang ditentukan menggunakan atribut min dan max. Atribut nilai akan menampung nilai input saat ini.

Dalam contoh ini, selama nilainya antara 1 dan 10, input akan cocok dengan: pemilih in-range dan dapat ditata. Berikut ini akan menata input saat nilainya berada dalam batas rentang:

Elemen yang nilainya di luar rentang yang ditentukan dapat dipilih dan ditata menggunakan pemilih kelas pseudo-out-of-range.

Sama seperti penyeleksi pseudo-class lainnya, pemilih: in-range dapat dirantai dengan penyeleksi lain seperti: hover, misalnya, untuk menyediakan gaya hover untuk elemen ketika nilainya berada dalam batas rentang yang diizinkan. Sebagai contoh:

 

Contoh: