Apakah gaya css teks?

Gaya css teks termasuk: warna teks "warna", arah teks "arah", jarak aksara "jarak huruf", penjajaran mendatar teks "penjajaran teks", hiasan teks "hiasan teks", baris pengepala inden "inden teks" dsb.

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

Teks gaya css

Berikut ialah beberapa gaya teks css untuk anda.

inden teks-inden baris pertama

Inden baris pertama ialah untuk mengenden baris pertama perenggan, yang biasa digunakan teks Kesan pemformatan . Secara amnya, apabila menulis dalam bahasa Cina, terdapat dua ruang kosong pada permulaan, sama seperti ini.

Nilai atribut ini dibenarkan menjadi negatif.

Sintaks:

text-indent:<length> | <percentage> | inherit

petua: Nilai awal ialah 0;

digunakan untuk: elemen peringkat blok (termasuk blok dan blok sebaris)

Warisan: Ya

Peratusan: relatif kepada lebar blok yang mengandungi

Kes: keguguran aksara pertama

div {
    width: 200px;
    border: 1px solid black;
    text - indent: 0.5em;
}
div: first - letter {
    font - size: 30px;
    float: left;
}

sejajarkan teks penjajaran mendatar

Penjajaran mendatar mempengaruhi penjajaran mendatar teks dalam elemen.

Sintaks:

text-align: left | center | right | justify | inherit

Nilai awal: kiri

Gunakan pada: elemen peringkat blok (termasuk blok dan blok sebaris)

Warisan: Ya

Untuk penyemak imbas IE7, menggunakan penjajaran teks bukan sahaja akan mengubah penjajaran mendatar teks, tetapi juga menukar penjajaran mendatar elemen peringkat blok turunan

jarak perkataan

Jarak perkataan merujuk kepada jarak perkataan, yang digunakan untuk menetapkan jarak antara teks atau perkataan. Malah, "perkataan" mewakili sebarang rentetan aksara bukan ruang putih yang dikelilingi oleh beberapa jenis ruang putih.

Nota: Perkataan dipisahkan oleh ruang, jarak antara perkataan = saiz ruang jarak perkataan

Nota: jarak perkataan boleh menjadi negatif

Sintaksis:

word-spacing: <length> | normal | inherit

Nilai awal: normal (lalai ialah 0)

Digunakan pada: semua elemen

Warisan: Ya

jarak huruf -jarak huruf

Jarak huruf merujuk kepada jarak aksara

Nota: jarak huruf boleh menjadi nilai negatif

letter-spacing：<length> | normal | inherit

Nilai awal: normal( Lalai ialah 0 )

terpakai kepada: semua elemen

warisan: mempunyai

teks-transformasi teks-transformasi

Penukaran teks digunakan untuk mengendalikan penukaran kes bahasa Inggeris.

Sintaks:

text-transform:uppercase(全大写) | lowercase(全小写) | capitalize(首字母大写) | none | inherit

Nilai awal: tiada

Berlaku pada: semua elemen

Warisan: ya

text-decorationText-decoration

Text-decoration digunakan untuk menyediakan garisan hiasan untuk teks.

Nota: Warna baris pengubahsuaian teks adalah sama dengan warna teks.

Sintaks:

text-decoration:none | [underline(下划线) || overline(上划线) || line-through(中划线)] | inherit

Nilai awal: tiada

Berlaku pada: semua elemen

Warisan: tiada

(Belajar Video perkongsian: tutorial video css)

Atas ialah kandungan terperinci Apakah gaya css teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!