Bagaimana untuk menyesuaikan garis spasi di CSS?

Teks saat ini masih merupakan jenis utama dari informasi yang dikirimkan dalam luas World Wide Web. Oleh karena itu, kontrol atas penampilan diberikan perhatian khusus. Salah satu ciri penting dari spasi baris teks, yang menentukan jarak antara baris. Jika Anda belum pernah bertemu dengan aturan ini, Anda mungkin belum pernah bekerja dengan CSS. Setelah semua, ini adalah bahasa gaya memberikan perintah yang tersedia untuk mengubah semua karakteristik eksternal penting dari teks. aturan tersebut didukung oleh semua browser modern dan datang sebagai standar untuk semua versi dari Cascading Style Sheets (CSS: Cascading Style Sheets).

aturan

Dalam CSS, jarak baris diatur dengan cara tim line-height sederhana. pencatatan dilakukan dengan cara biasa. nilai dapat ditugaskan untuk setiap bilangan bulat non-negatif. Jika dinyatakan: «line-height: -4px;», perintah akan diabaikan. Anda dapat menentukan nilai: «yang normal» atau «mewarisi». Yang pertama adalah dengan menggunakan pengaturan otomatis interval, yang ditentukan tergantung pada jenis dan ukuran font yang dipilih. Dalam hal ini, jarak antara garis-garis yang ditetapkan oleh browser itu sendiri. spasi dapat berupa nilai yang diwarisi dari tag "orang tua" dengan nilai «mewarisi».

nilai

Semua nilai yang berbeda dari perintah standar dapat dibagi menjadi dua kategori: relatif dan absolut. CSS memungkinkan Anda untuk mengontrol spasi jarak antara garis fleksibel, menggunakan cara yang berbeda dan lebih nyaman untuk menyesuaikan. Untuk nilai-nilai mutlak mencakup semua panjang dikenal dari unit, yang digunakan dalam CSS. Daftar ini mencakup: di (inci), pt (poin), px (pixel), dan lain-lain. Interval mundur terbuat dari garis dasar dari font. Jika kita menulis aturan: «line-height: 10px;», garis spasi akan selalu sama dengan 10 piksel. Metode seperti sangat ideal bila Anda perlu menentukan kisaran yang tepat untuk font tertentu. Tapi jangan lupa bahwa semua ekspansi layar yang berbeda. Dan jika Anda memiliki jarak seperti tampak hebat, itu tidak berarti bahwa setiap orang akan memiliki efek yang sama. Misalnya, garis spasi besar ponsel dapat menyebabkan ketidaknyamanan yang besar.

nilai-nilai relatif

Untuk mengatasi masalah tersebut dengan ekstensi yang berbeda dari layar, Anda dapat menggunakan nilai-nilai relatif. Persentase yang paling umum digunakan. Nilai dalam hal ini diatur ketinggian relatif font. Misalnya, menentukan «line-height: 150%;" kita mendapatkan interval, surat Medium setengah Besar. 100% adalah tinggi dari font yang digunakan. Kebanyakan pengembang berpengalaman merekomendasikan penggunaan itu adalah nilai relatif. Jadi, Anda akan menyelamatkan diri dan pengguna mereka dari masalah yang terkait dengan ekstensi yang berbeda dari layar.

kesimpulan

Jika Anda menggunakan satu set font yang non-standar, dan Anda penting adalah spasi baris yang didefinisikan dengan baik, pilih nilai absolut. Dalam semua kasus lain itu diinginkan untuk menetapkan persentase properti. Ketika Anda perlu membuat interval individu untuk daerah tertentu dari sebuah dokumen, gunakan id-tag, atau penyeleksi. Dengan demikian, Anda tidak akan perlu mengatur spasi untuk seluruh dokumen.