Superskrip HTML. Html adalah - cara membuat teks huruf besar css

Tag HTML dan - Teks Subskrip dan Superskrip

Definisi dan Penggunaan

Menandai mendefinisikan teks subskrip. Subskrip adalah setengah dari tinggi dan muncul di bawah garis dasar. Subscript bisa digunakan saat menulis rumus kimia seperti H 2 O.

Menandai mendefinisikan teks superskrip. Tinggi teks superskrip adalah setengah dan muncul di atas garis dasar. Teks superskrip dapat digunakan saat menulis catatan kaki seperti WWW.

Dukungan Browser

Tag dan didukung oleh semua browser utama.

Perbedaan Antara HTML dan XHTML

Atribut Standar

Kolom DTD menentukan dalam jenis dokumen DTD HTML 4.01 / XHTML 1.0 DTD atribut diperbolehkan. S \u003d Ketat, T \u003d Transisi dan F \u003d Frameset.

Tag dan mendukung atribut standar berikut:

Atribut Nilai Deskripsi DTD
kelas nama kelas Menentukan nama kelas untuk sebuah elemen STF
dir rtl
ltr
Menentukan arah teks untuk konten dalam sebuah elemen STF
indo pengenal Menentukan pengenal unik untuk sebuah item STF
lang kode_bahasa Menentukan kode bahasa untuk konten sebuah elemen STF
gaya style_definition Menentukan gaya sebaris untuk sebuah elemen STF
judul teks Menentukan informasi tambahan tentang suatu item STF
xml: lang kode_bahasa Mendefinisikan kode bahasa untuk konten elemen dalam dokumen XHTML STF

Informasi lebih lanjut tentang Atribut Standar.

Atribut Peristiwa

Tag dan mendukung atribut acara berikut:

Atribut Nilai Deskripsi DTD
onclick naskah Skrip yang diklik mouse STF
ondblclick naskah Skrip yang diklik dua kali STF
onmousedown naskah Script akan dijalankan dengan klik mouse STF
onmousemove naskah Script akan dijalankan saat penunjuk mouse digerakkan STF
onmouseout naskah Script akan dijalankan ketika mouse bergerak keluar dari elemen STF
onmouseover naskah Script akan dijalankan ketika mouse bergerak di atas sebuah elemen STF
onmouseup naskah Script akan dijalankan ketika tombol mouse dilepaskan STF
onkeydown naskah Script akan dijalankan ketika tombol ditekan STF
onkeypress naskah Script akan dijalankan ketika tombol ditekan dan kemudian dilepaskan STF
onkeyup naskah Script akan dijalankan ketika kunci dilepaskan STF

Informasi tambahan tentang

Untuk beberapa pelajaran sekarang, kami telah terbiasa memformat teks dengan CSS, dan kali ini kami belajar mengubah kapitalisasi teks. Dalam hal ini, cascading style sheets membuka peluang yang sangat luas bagi kami, atau lebih tepatnya, kami dapat:

  • Tampilkan semua teks dengan huruf kapital;
  • Pilih semua teks dalam huruf kecil;
  • Buat huruf pertama dari setiap kata dimulai dengan huruf besar.

"Ini semua bagus, tentu saja, tetapi kapan Anda mungkin membutuhkannya?" - Anda bertanya. Bayangkan situasi di mana Anda ingin menampilkan semua item menu dengan huruf kapital. Untuk melakukan ini, Anda tidak perlu mengetiknya, termasuk tombol CapsLock, atau sambil menahan tombol Shift. Ini akan cukup untuk mengatur semua item daftar untuk ditampilkan dalam huruf besar dengan membuat aturan yang sesuai di file CSS. Dan ini hanyalah salah satu dari banyak kemungkinan situasi.

Properti text-transform

Kami akan mengontrol kasus teks menggunakan properti text-transform. Ini memiliki 4 nilai utama - huruf besar (huruf kapital), huruf kecil (huruf kecil), huruf besar (huruf besar untuk setiap huruf pertama dari kata tersebut, nilai lainnya tidak berubah), tidak ada (tidak ada pemformatan yang diterapkan) . Sekilas, semua ini mungkin tampak sangat rumit bagi Anda.


Hal utama adalah jangan panik ...

Tetapi dalam praktiknya, semuanya cukup sederhana, seperti yang akan Anda lihat sekarang. Hal utama adalah memilih pemilih yang tepat, karena nilai properti text-transform diwariskan.

Menyoroti dengan huruf kapital

Hal pertama yang saya sarankan adalah menggunakan huruf besar semua teks, yang kita buat aturan CSS berikut ini:

Isi (transformasi teks: huruf besar;)

Pada prinsipnya tidak rumit, kita hanya menggunakan nilai huruf besar. Seperti yang mereka katakan, semuanya intuitif. Beginilah tampilannya dalam kehidupan nyata:


Semuanya dengan huruf kapital ...

Huruf kecil - berlaku untuk semua

Pada langkah berikutnya, mari terapkan huruf kecil di mana-mana, yang akan kita tulis sebagai berikut:

Isi (transformasi teks: huruf kecil;)

Seperti yang mungkin sudah Anda duga, dua arti yang baru saja kita temui agak berlawanan. Dan pada ilustrasi di bawah ini, Anda dapat melihat hasil dari properti yang baru dibuat.


Halaman web dengan huruf kecil diaktifkan

Huruf besar huruf pertama dari setiap kata

Untuk melakukan ini, kita hanya perlu menggunakan nilai yang sesuai:

Isi (text-transform: capitalize;)

Saya tidak tahu seberapa sering Anda akan menggunakan aturan CSS seperti itu, tetapi tidak ada salahnya Anda mengetahui tentang kemungkinan ini, terutama saat menyelesaikan masalah yang tidak sepele. Hasilnya bisa dilihat pada gambar di bawah ini.


Teks setelah huruf kapital diterapkan

Akhirnya, mari kita lihat sekilas nilai terakhir, tidak ada. Seperti yang saya katakan, ini dapat digunakan untuk membalikkan warisan dari orang tua. Misalnya, bayangkan bahwa kita memiliki semua aturan sebelumnya yang berlaku, dan untuk paragraf kita harus membatalkannya, untuk ini kita menulis yang berikut:

P (text-transform: none;)

Saya berani berasumsi bahwa Anda memahami segalanya, jika tidak - ajukan pertanyaan Anda di komentar. Dan itu semua untukku. Semoga tutorial CSS ini bermanfaat bagi Anda. Jika itu benar:

  • Repost artikel ini di jejaring sosial sehingga lebih banyak orang bisa mendapatkan keuntungan darinya;
  • Berlangganan buletin saya agar tidak ketinggalan posting blog yang bermanfaat dan menarik.

Tentang ini saya tidak mengucapkan selamat tinggal kepada Anda. Terima kasih atas perhatiannya dan sampai jumpa di publikasi berikut!



Ubah huruf kecil menjadi huruf kecil dan huruf besar pertama menggunakan CSS (8)

Tidak ada opsi saran batas di CSS. Jawaban lain yang menyarankan text-transform: capitalize salah karena parameter ini digunakan setiap kata untuk setiap kata .

Sini kasar cara melakukannya jika Anda mau huruf pertama dari setiap item adalah dalam huruf besar, tapi jelas tidak mendekati batas sebenarnya:

P (transformasi teks: huruf kecil;) p: huruf pertama (transformasi teks: huruf besar;)

INI ADALAH CONTOH KALIMAT.

INI ADALAH CONTOH KALIMAT LAIN. DAN INI ADALAH LAGI, TAPI SEPENUHNYA AKAN LEBIH RENDAH.

Bagaimana saya bisa mengubah huruf UPPERCASE menjadi huruf kecil dan huruf besar pertama untuk setiap kalimat seperti yang ditunjukkan di bawah ini hanya dengan menggunakan CSS?

Dari: INI ADALAH CONTOH APLIKASI.

Untuk: Ini adalah saran kasar.

Memperbarui: ketika saya menggunakan text-transform: capize; Hasilnya tetap sama.

Anda tidak dapat melakukan ini hanya dengan CSS. Ada atribut text-transform, tetapi hanya tidak menerima apa pun, menggunakan huruf besar, huruf besar, huruf kecil, dan mewarisi.

Anda mungkin ingin melihat solusi JS atau solusi sisi server.

Jika Anda dapat membuat semua karakter huruf kecil di server daripada yang dapat Anda terapkan:

Transformasi teks: kapitalisasi

Saya rasa konversi teks tidak akan bekerja dengan huruf kapital sebagai masukan.

Jika Anda ingin menggunakan untuk itu tidak akan berhasil, karena atau area teks yang Anda butuhkan untuk menggunakan Javascript

yang seharusnya bekerja dengan baik atau