h1 {text-align:center;}
p.tanggal {text-align:right;}
p.utama {text-align:justify;}
Contoh CSS text-align
07 Desember 2013
Properti text-align digunakan untuk
mengatur alignment horizontal teks.
Teks dapat ditulis rata kiri, rata kanan, rata kanan
kiri ataupun ditulis center.Ketika text-align diset
“justify", setiap baris memiliki lebar yang sama, dan
margin kiri dan kanan lurus (seperti di majalah dan surat
kabar).
Format penulisan CSS untuk text alignment.selector {textalign:nilai
text-align;}
Berikut adalah contoh dari penulisan style...
Sabtu, 25 Februari 2017
Pemberian efek bayangan pada teks/Text shadow
h1{text-shadow:2px 3px #FF0000;}
Efek Text-shadow
Catatan:Internet Explorer Versi 9 dan
sebelumnya tidak support pada text-shadow property...
Pengubahan huruf besar dan huruf kecil dari sebuah teks/text-transform
Format Text
p.besar{text-transform: uppercase}
p.kecil{text-transform: lowercase}
p.kapital{text-transform: capitalize}
pengubahan menjadi huruf Besar (Kapital)
PENGUBAHAN MENJADI HURUF KECIL
huruf kapital pada setiap awal kata
...
Pengaturan jarak indentasi paragraph/text-indent
Format Text
p{text-indent:2cm}
Dengan text indent.Form adalah salah satu bentuk halaman web yang digunakan untuk menerima masukan dari pengguna, untuk selanjutnya masukan dari pengguna tersebut diolah menggunakan bahasa pemrograman web,baik secara server side scripting(misalkan PHP,JSP) ataupuun client-side scripting (javascript).
Tanpa text indent.Form adalah salah satu bentuk halaman web yang digunakan untuk menerima masukan dari pengguna,untuk selanjutnya masukan dari pengguna tersebut diolah menggunakan bahasa pemrograman web,baik...
Pengaturan spasi antar kata/word-spacing
Format Text
p{word-spacing:1cm}
h2{word-spacing:5px}
Pengaturan Spasi per Kata sebesar 1 cm
Peregangan Header 2 sebesar 5 p...
Pengaturan bentuk teks menggunakan properti text-decoration
Format Text
em{text-decoration :overline}
h2{text-decoration:line-through}
h3{text-decoration:underline}
a{text-decoration:none}
Bentuk Overline
Header 2,Bentuk Line-through
Header 3,Bentuk Underline
Penggunaan Dalam Link,Nilai NONE
...
Pengaturan spasi antar karakterf/letter-spacing
Format Text
p{letter-spacing:0.5cm}
h4{letter-spacing:-2px}
Pengaturan Spasi Pada Paragraph
Header 4...
Pembuatan form dengan elemen entri pilihan dan elemen fieldset
pengaturan pada form
Tentang Anda
Nama Lengkap
Alamat
Pesan dan Kesan
tuliskan pesan anda disini
Hoby Anda?
berkebun
memasak
renang
...
Pembuatan form dengan elemen entri pilihan
form
PENDAFTARAN
Nama Pengguna
:
Sandi
:
Jenis Kelamin
:
Pria
Wanita
Tanggal lahir
:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Januari
Februari
Maret
April
Mei
Juni
Juli
Agustus
September
Oktober
November
Desember
1991
1992
1993
1994
1995
1996
1997
1998
1999
2000
2001
2002
2003
...
