Menggunakan properti Text-Align CSS untuk membenarkan teks
Salah satu properti tipografi situs web yang dapat Anda pilih untuk disesuaikan selama pengembangan situs adalah bagaimana teks situs dibenarkan. Secara default, teks situs web dibenarkan dan ini adalah berapa banyak situs yang meninggalkan teks mereka. Satu-satunya pilihan lain adalah benar, yang tidak digunakan oleh siapa pun di situs web karena itu akan membuat teks pada dasarnya mustahil untuk dibaca secara online, atau apa yang dikenal sebagai sepenuhnya dibenarkan.
Teks yang dibenarkan adalah blok teks yang menyejajarkan pada sisi kiri dan kanan, bukan hanya salah satu sisi (yang adalah apa yang "kiri" dan "benar" lakukan). Efek ganda dibenarkan dilakukan dengan menyesuaikan ruang kata dan huruf di setiap baris teks untuk memastikan bahwa setiap baris memiliki panjang yang sama. Efek ini disebut pembenaran penuh . Anda membenarkan teks dalam CSS dengan menggunakan properti text-align .
Bagaimana Cara Kerja Pembenaran?
Alasan Anda sering melihat tepi yang tidak rata di sisi kanan blok teks adalah karena setiap baris teks tidak memiliki panjang yang sama. Beberapa baris memiliki lebih banyak kata atau kata yang lebih panjang sementara yang lain memiliki kata yang lebih sedikit atau lebih pendek. Untuk membenarkan bahwa blok teks, spasi tambahan harus ditambahkan ke beberapa baris untuk meratakan semua garis dan membuatnya konsisten.
Setiap pembuat browser web memiliki algoritmanya sendiri untuk menerapkan ruang ekstra dalam satu baris. Browser melihat panjang kata, hyphenation, dan faktor-faktor lain untuk menentukan tempat meletakkan spasi.
Akibatnya, teks yang dibenarkan mungkin tidak terlihat identik dari satu browser ke yang berikutnya. Ini bagus karena tidak ada pengunjung situs yang akan melompat dari satu browser ke browser lainnya hanya untuk membandingkan bagaimana tampilan panjang garis situs Anda! Namun, yakinlah bahwa dukungan browser utama baik untuk membenarkan teks dengan CSS.
Bagaimana Membenarkan Teks
Membenarkan teks dengan CSS membutuhkan bagian teks untuk membenarkan.
Biasanya, ini dilakukan untuk paragraf teks karena blok besar konteks teks yang mencakup beberapa baris akan ditandai dengan tag paragraf.
Setelah Anda memiliki blok teks untuk membenarkan, itu hanya masalah pengaturan gaya untuk dibenarkan dengan properti gaya text-align CSS.
text-align: justify;
Anda perlu menerapkan aturan CSS ini ke pemilih yang tepat untuk mendapatkan blok teks untuk dirender sebagaimana dimaksud.
Kapan Membenarkan Teks
Banyak orang menyukai tampilan teks yang dibenarkan dari sudut pandang desain, sebagian besar karena tampilan yang sangat konsisten dan terukur, tetapi ada kerugian untuk membenarkan teks pada halaman web.
Pertama, teks yang dibenarkan bisa sulit dibaca. Ini karena ketika Anda membenarkan teks, banyak ruang ekstra kadang-kadang dapat ditambahkan di antara beberapa kata di telepon. Kesenjangan yang tidak konsisten tersebut dapat membuat teks lebih sulit dibaca. Ini sangat penting pada halaman web, yang mungkin sulit dibaca karena pencahayaan, resolusi atau kualitas perangkat keras lainnya. Menambahkan spasi yang tidak biasa ke teks dapat membuat situasi buruk menjadi lebih buruk.
Selain masalah keterbacaan, ruang kosong kadang-kadang berbaris satu sama lain untuk membuat "sungai" ruang putih di tengah teks.
Kesenjangan besar ruang putih itu benar-benar dapat membuat tampilan yang canggung. Selain itu, pada garis yang sangat pendek, pembenaran dapat menyebabkan garis yang mengandung satu kata dengan spasi ekstra di antara huruf itu sendiri.
Jadi kapan sebaiknya Anda menggunakan pembenaran teks? Waktu terbaik untuk membenarkan teks terjadi ketika garis panjang dan ukuran font kecil (sesuatu yang sulit untuk memastikan di situs web responsif di mana panjang garis berubah berdasarkan ukuran layar). Tidak ada nomor keras dan cepat untuk panjang garis atau ukuran teks, Anda harus menggunakan penilaian terbaik Anda.
Setelah Anda menerapkan gaya text-align untuk membenarkan teks, ujilah untuk memastikan teks tidak memiliki sungai dengan spasi putih - dan pastikan untuk mengujinya pada berbagai ukuran.
Cara termudah untuk melakukannya adalah dengan melihatnya dengan mata yang menyipit. Sungai-sungai menonjol karena bercak-bercak putih di blok teks yang berwarna abu-abu. Jika Anda melihat sungai, Anda harus membuat perubahan pada ukuran teks atau lebar blok teks untuk menyingkirkan sungai yang tidak enak dilihat itu.
Hanya gunakan pembenaran setelah Anda membandingkannya dengan teks rata kiri seperti yang terlihat di artikel ini. Anda membuat seperti konsistensi pembenaran penuh, tetapi standar dibenarkan teks kiri biasanya lebih mudah dibaca. Pada akhirnya, Anda harus membenarkan teks karena Anda telah memilih untuk membenarkan teks untuk tujuan desain dan telah memastikan bahwa situs Anda tetap mudah dibaca.