Apakah kod css untuk menukar huruf kecil kepada huruf besar?

WBOY
Lepaskan: 2021-12-14 11:51:31
asal
1730 orang telah melayarinya

Dalam CSS, kod untuk menukar huruf kecil kepada huruf besar ialah "transform teks: huruf besar"; fungsi atribut "transformasi teks" adalah untuk mengawal gaya huruf besar dan huruf kecil bagi teks elemen nilai atribut ialah "huruf besar" , gaya teks huruf kecil dalam elemen akan ditukar kepada gaya huruf besar.

Apakah kod css untuk menukar huruf kecil kepada huruf besar?

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Apakah kod css untuk menukar huruf kecil kepada huruf besar?

Dalam css, jika anda ingin mencapai kesan huruf kecil kepada huruf besar, anda boleh menggunakan sifat transformasi teks.

Atribut ini menukar kes huruf dalam elemen, tanpa mengira kes teks dalam dokumen sumber. Jika nilainya adalah huruf besar, beberapa huruf dibesarkan, tetapi ia tidak ditakrifkan dengan jelas bagaimana untuk menentukan huruf mana yang huruf besar, terpulang kepada ejen pengguna untuk mengenali "perkataan" individu.

Fungsi atribut text-transform adalah untuk mengawal huruf besar teks Apabila nilai atribut adalah huruf besar, ia ditakrifkan bahawa hanya terdapat huruf besar dalam teks.

Sintaksnya ialah:

元素{text-transform:uppercase;}
Salin selepas log masuk

Contoh adalah seperti berikut:

<html>
<head>
<style type="text/css">
  h1 {
  text-transform: uppercase;
  }
  p{
  text-transform: uppercase;
  }
</style>
</head>
<body>
<h1>abcdefg</h1>
<p>qwerzxcv</p>
</body>
</html>
Salin selepas log masuk

Hasil keluaran:

Apakah kod css untuk menukar huruf kecil kepada huruf besar?

(Ketahui perkongsian Video: tutorial video css)

Atas ialah kandungan terperinci Apakah kod css untuk menukar huruf kecil kepada huruf besar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan