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

属性	描述
color	设置文本颜色
direction	设置文本方向。
letter-spacing	设置字符间距
line-height	设置行高
text-align	文本水平对齐方式
text-decoration	向文本添加修饰
text-indent	缩进元素中文本的首行
text-shadow	设置文本阴影
text-transform	控制元素中的字母
unicode-bidi	设置或返回文本是否被重写
vertical-align	文本垂直对齐方式
white-space	设置元素中空白的处理方式
word-spacing	设置字间距

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!