12.03.2016 Views

Pemrograman Web

Sarana Pendidikan Teknologi Aceh 2016-2020

Sarana Pendidikan Teknologi Aceh 2016-2020

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

<strong>Pemrograman</strong> <strong>Web</strong><br />

4. Kegiatan Belajar 4 : Menyajikan Cascading Style Sheet untuk<br />

Memformat Tampilan Teks<br />

a. Tujuan Pembelajaran.<br />

Setelah mengikuti kegiatan belajar 4 diharapkan peserta didik dapat :<br />

1) Memahami style-style dasar CSS untuk memformat tampilan teks<br />

2) Menerapkan beberapa style untuk memformat tampilan teks.<br />

3) Menyajikan CSS untuk memformat tampilan teks pada sebuah halaman<br />

web<br />

b. Uraian materi.<br />

Agar lebih menarik, mudah dalam hal pengaturans serta editing, teks pada<br />

sebuah halaman web dapat diberikan sytle dalam kemasan CSS. Pengaturan<br />

style tersebut meliputi banyak properti, diantaranya adalah pewarnaan,<br />

pemilihan font, spasi dan lain sebagainya. Untuk lebih detailnya dapat dilihat<br />

pada tabel berikut ini.<br />

Color<br />

Properti<br />

Direction<br />

letter-spacing<br />

line-height<br />

text-align<br />

textdecoration<br />

text-indent<br />

text-shadow<br />

Menentukan jarak inden dari baris pertama dalam teksblok<br />

texttransform<br />

Mengatur warna dari teks<br />

Keterangan<br />

Menentukan arah tulisan/teks<br />

Menambah ataupun mengurangi spasi antar karakter<br />

dalam teks<br />

Mengatur tinggi baris teks<br />

Menentukan batas teks secara horisontal<br />

Menentukan dekorasi/hiasan pada teks<br />

Menentukan efek bayangan pada teks<br />

Mengatur huruf besar-huruf kecil dari teks<br />

Page | 58

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!