Sabtu, 25 Februari 2017

Pengaturan Text Alignment

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 text-align yang disisipkan di selector h1 dan paragraf. h1{text-align:center;} p.tanggal {text-align:right;} p.utama {text-align:justify;} pada selector p.tanggal dan p.utama artinya CSS akan diberikan ke paragraf dengan pemanggilan kelas “tanggal” dan “utama”.Untuk lebih lengkapnya dapat dilihat pada contoh berikut :
Catatan:Baris ini adalah contoh penulisan tanpa CSS

Pemberian efek bayangan pada teks/Text shadow

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
pengubahan menjadi huruf Besar (Kapital)
PENGUBAHAN MENJADI HURUF KECIL
huruf kapital pada setiap awal kata

Pengaturan jarak indentasi paragraph/text-indent

Format Text 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 secara server side scripting(misalkan PHP,JSP) ataupun client-side.

Pengaturan spasi antar kata/word-spacing

Format Text Pengaturan Spasi per Kata sebesar 1 cm
Peregangan Header 2 sebesar 5 px

Pengaturan bentuk teks menggunakan properti text-decoration

Format Text Bentuk Overline

Header 2,Bentuk Line-through

Header 3,Bentuk Underline

Penggunaan Dalam Link,Nilai NONE

Pengaturan spasi antar karakterf/letter-spacing

Format Text Pengaturan Spasi Pada Paragraph

Header 4

Pembuatan form dengan elemen entri pilihan dan elemen fieldset

pengaturan pada form
Tentang Anda



Hoby Anda?


Pembuatan form dengan elemen entri pilihan

form
PENDAFTARAN
Nama Pengguna :
Sandi :
Jenis Kelamin :
Tanggal lahir :
 

Komponen Datalist

Komponen Select

Form Pilih Jurusanmu: