Latest web development tutorials

CSS Text (teks)

Format teks

Teks ini IS ditata dengan beberapa di teks Formatting Properties. At The menuju penggunaan di The text-align = kiri, teks-Transform, dan Properti Color. Pada ayat IS menjorok, The selaras, dan pada Space BETWEEN karakter IS ditentukan. Pada garis bawah IS dihapus dari di The " mencoba " link.

Warna teks

atribut warna yang digunakan untuk mengatur warna teks.

Warna yang paling sering ditentukan oleh CSS:

  • nilai-nilai heksadesimal - seperti "# FF0000"
  • Nilai RGB - "RGB (255,0,0)"
  • nama warna - seperti "merah"

Lihat nilai warna CSS melihat nilai warna lengkap.

Latar belakang halaman adalah dalam tubuh utama dari sarana seleksi:

contoh

body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

Coba »

ucapan Untuk standar W3C CSS: jika Anda menentukan properti warna, Anda juga harus menyesuaikan atribut warna latar belakang.


Alignment teks

Properti text-align digunakan untuk mengatur alignment horizontal teks.

Teks dapat berpusat atau disesuaikan dengan dibenarkan kiri atau kanan.

Ketika text-align diatur ke "membenarkan", setiap baris telah diperluas dengan lebar yang sama, kiri dan margin kanan yang sejajar (seperti majalah dan surat kabar).

contoh

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}

Coba »


Text-decoration

Properti text-decoration digunakan untuk mengatur atau menghapus teks dekoratif.

Dari sudut pandang desain terutama properti text-decoration digunakan untuk menghapus garis bawah link:

contoh

a {text-decoration:none;}

Coba »

Anda juga bisa menghias teks ini:

contoh

h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}

Coba »

ucapan Kami tidak menyarankan untuk menekankan bahwa teks tidak link, karena sering bingung dengan pengguna.


Konverter teks

Mengkonversi atribut teks digunakan untuk menentukan huruf besar dan huruf kecil dalam teks.

Inisial dapat digunakan untuk segala sesuatu ke dalam huruf besar atau kecil, atau setiap kata dikapitalisasi.

contoh

p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

Coba »


Text-indent

Text-indent properti indent baris pertama digunakan untuk menentukan teks.

contoh

p {text-indent:50px;}

Coba »


contoh

contoh yang lebih

Ditunjuk ruang antara karakter
Contoh ini menunjukkan bagaimana untuk menambah atau mengurangi ruang antara karakter.

Menentukan ruang antara baris dan baris
Contoh ini menunjukkan bagaimana untuk menentukan ruang antara baris dalam paragraf

Mengatur elemen orientasi teks
Contoh ini menunjukkan bagaimana untuk mengubah arah dari elemen teks.

Meningkatkan ruang kosong di antara kata-kata
Contoh ini menunjukkan bagaimana untuk menambahkan ruang kosong di antara kata-kata dalam sebuah paragraf.

Menonaktifkan membungkus teks dalam elemen
Contoh ini menunjukkan bagaimana untuk menonaktifkan elemen teks dalam surround.

gambar keselarasan vertikal
Contoh ini menunjukkan bagaimana untuk mengatur alignment vertikal dari gambar teks.

Menambahkan bayangan teks
Contoh ini menunjukkan bagaimana untuk mengatur bayangan teks.


semua atribut CSS teks.

milik deskripsi
warna Mengatur warna teks
arah Pengaturan orientasi teks.
letter-spacing Pengaturan spasi karakter
line-height Mengatur tinggi baris
text-align Menyelaraskan teks dalam elemen
text-decoration Menambahkan modifikasi teks
text-indent Indent baris pertama dari unsur Cina
text-shadow Mengatur bayangan teks
text-transform surat elemen kontrol
unicode-bidi Set atau kembali apakah teks ditulis ulang
vertical-align Mengatur alignment vertikal elemen
white-space set elemen kosong ditangani
kata-spacing pengaturan jarak kata