Komputer, Pemrograman
Cara membuat teks dicoret dengan CSS
CSS memungkinkan Anda untuk menghasilkan berbagai operasi yang berkaitan dengan dekorasi hias dari seluruh halaman. Perhatian khusus diberikan kepada teks, yang dalam banyak kasus mengisi sebagian besar dari semua situs. Hari ini kita akan melihat properti lain yang menarik: nadcherknuty, garis bawah, dan teks strikethrough. Semua efek ini diatur dengan aturan CSS tunggal.
tugas
Garis bawahi dan mencoret teks dengan CSS, Anda dapat menggunakan perintah «text-decoration». Efeknya akan tergantung pada nilai tertentu. CSS diciptakan untuk memisahkan logika dan struktur dari halaman web. Tapi sebelum munculnya Cascading Style Sheets digunakan HTML-tag yang memiliki arti yang sama. Sebagai contoh, sebuah elemen seperti memungkinkan Anda untuk melihat teks Coret. Sekarang tag dianggap tidak diinginkan, dan aplikasi secara otomatis akan membuat halaman tidak sah kode Anda. Meskipun elemen ini masih didukung oleh semua browser modern dan digunakan oleh beberapa pengembang. Tapi kembali ke CSS. Tim «text-decoration» dapat memiliki nilai berikut:
- Garis bawahi. Dengan menetapkan nilai Anda akan mendapatkan teks digarisbawahi.
- Overline. Jalur ini akan melewati bagian tertentu dari halaman.
- Line-melalui. Menciptakan coret atau teks Coret.
- Blink. Sebagian berdedikasi dokumen akan secara berkala menghilang dan muncul kembali.
- Ada juga nilai «tidak» dan «mewarisi». Ini membatalkan perintah pertama dan kedua untuk mewarisi properti dari elemen induk.
takdir
Akan terlihat bahwa dalam teks CSS dicoret, dan efek yang sama hanya untuk hiasan teks. Dalam kebanyakan kasus, pernyataan ini benar. Tapi kadang-kadang perlu untuk merenungkan pertanyaan: apa yang menciptakan elemen seperti itu? Misalnya, sudah tag usang «pemogokan» digunakan untuk mengacu pada informasi yang salah atau tua. Pembaca melihat teks dicoret, memahami makna tersembunyi dari penunjukan ini. Kata-kata yang digarisbawahi selalu segera berdiri keluar dari aliran umum. Oleh karena itu, efek seperti itu harus digunakan untuk menyoroti informasi penting. Artinya «berkedip», yang membuat teks berkedip jarang digunakan sebagai efek seperti itu dianggap tidak dapat diterima di kalangan programmer. Setelah semua, beberapa pembaca Anda seperti berkedip simbol-simbol yang akan terus-menerus mengalihkan perhatian mereka. Tetapi nilai «overline» hanya digunakan untuk dekorasi teks.
fitur
Sementara semua dari nilai properti «text-decoration» termasuk dalam versi spesifikasi Cascading, meskipun beberapa nilai tidak didukung oleh browser modern. Misalnya, teks berkedip tidak akan terlihat di IE. Browser Google Chrome tidak menerima nilai-nilai tertentu. platform mobile yang rusak mendukung fitur ini.
kesimpulan
Efek seperti strikethrough teks dan nilai-nilai lain yang sejenis, yang digunakan cukup sering di Internet. Penggunaan mereka memungkinkan Anda untuk benar mengekspresikan ide utama penulis, membantu untuk berkonsentrasi perhatian pembaca di sebelah kanan teks. Tapi jangan terlalu bersemangat, dan, bila memungkinkan, untuk menggunakan milik «text-decoration». Setelah dekorasi berlebihan teks dapat membahayakan Anda dan pembaca Anda.
Similar articles
Trending Now