Cara membuat huruf besar di CSS?

CSS memungkinkan menyesuaikan teks, yang disajikan menggunakan bahasa HMTL. Hari ini kita mempertimbangkan efek dari sifat-sifat «text-transform», yang memungkinkan untuk mengubah font mendaftar. Opsi ini didukung oleh semua browser modern dan termasuk dalam spesifikasi versi CSS.

penunjukan

Properti «text-transform» dapat mengambil tiga nilai dasar dan dua yang lain. Sebagai contoh, adalah mungkin untuk menetapkan semua teks yang dipilih huruf besar. Atau Anda dapat memberikan perintah berlawanan dengan properti sebelumnya, di mana semua karakter huruf kecil. Untuk membuat janji, Anda dapat menggunakan metode yang nyaman untuk Anda. Misalnya, menggunakan built-in gaya. Atau Anda dapat membuat file terpisah dengan keterangan tentang semua sifat-sifat. Apa penggunaan cara perampasan untuk Anda. «Text-transform» dapat mengambil nilai-nilai berikut:

• Huruf besar. Itu membuat semua karakter yang dipilih secara huruf besar. CSS huruf besar umum, karena nilai ini membantu untuk memecahkan banyak tugas kompleks terkait dengan teks.
• Huruf kecil. Properti ini adalah tim huruf besar benar-benar berlawanan.
• Bermodalkan. Perubahan mendaftar huruf pertama di atas. Karakter yang tersisa tidak akan berubah.
• Tidak ada. Hal ini memungkinkan Anda untuk membatalkan semua nilai-nilai yang ditetapkan (diperlukan untuk sifat tertentu). Sebagai aturan, ini adalah pengaturan default.
• Mewarisi. Mewarisi semua sifat-sifat elemen induk. Perlu dicatat bahwa IE tidak mendukung fitur ini.

aplikasi

Menggunakan CSS huruf besar (atau efek yang sama) didirikan melalui perintah sederhana. Oleh karena itu tidak perlu untuk memodifikasi atau menulis ulang seluruh teks. Ketika datang ke situs satu halaman, maka properti ini mungkin tidak berguna. Tetapi ketika Anda mengelola sebuah portal besar di mana Anda ingin memperbaiki kapitalisasi fragmen tertentu, «text-transform» menjadi satu-satunya obat yang efektif. Misalnya, Anda harus memperbaiki «h2» font di tag header. Untuk melakukan ini, Anda perlu menambahkan catatan: «h2 {text-transform: huruf besar; }", Dan kemudian semua judul tingkat kedua akan huruf besar.

fitur

Beberapa mungkin percaya bahwa proses manual dari teks dan mengubah font dengan menggunakan sifat-sifat «text-transform» tidak memiliki perbedaan. Tapi ini tidak terjadi. Jika Anda mengubah secara manual huruf kecil ke huruf besar (huruf), kemudian menyalin informasi ini ke kode situs Anda akan tetap tidak berubah. Jika kita menggunakan bahasa CSS, semuanya berbeda. Properti «text-transform» hanya secara visual bagi pengguna untuk mengubah font. Namun dalam kenyataannya, karakter tetap tidak berubah. Muncul dengan semua nilai-nilai dari properti. Informasi disalin (teks) akan memiliki kasus awal, yang digunakan dalam kode sumber halaman. Itulah satu-satunya perbedaan antara penanganan manual dan penggunaan CSS-tim.

Tidak peduli apa yang Anda ingin menggunakan - baik bawah atau atas kasus, yang paling penting, jangan lupa misi. Misalnya, jika Anda perlu mengubah hanya untuk tujuan dekoratif, Anda dapat dengan aman menerapkan milik «text-transform». Nah, jika Anda tahu apa pengguna Anda akan ditata untuk menyalin informasi Anda, yang terbaik adalah untuk mengubah secara manual kasus teks. Memang, kadang-kadang para pembaca tidak melihat font pengganti. Hal ini sangat penting ketika datang ke dokumen penting dan informasi serupa.