Table pada
website banyak di gunakan untuk menyajikan informasi yang terdiri dari baris
dan kolom agar tempat lebih rapi dan mudah dipahami.
Dengan css
kita juga dapat mengatur style sebuah tabel agar tampak lebih cantik dan
menarik tersedia beberapa properti untuk mengatur style tabel diantaranya untuk
mengatur tabel, warna bayground, warna border, warna teks, warna weding dan
serta tanpa properti untuk mengatur lebar kolom dan tinggi baris.
Dala
mengatur style sebuah tabel kita juga bisa mengatur style untuk bagian2 tabel
seperti tr,th,dan td.
Berikut ini
beberapa properti dasar untuk mengatur style table yaitu:
1. Border, adalah properti CSS yang di gunakan untuk
menetapkan sebuah border. Dalam mengatur
border kita menetapkan beberapa nilai berikut:
1. Ketebalan garis border dengan satuan tx.
2. Style garis border misalnya solid (garis penuh
3. Warna garis border
2. Border colapse, adalah properti CSS yang di gunakan
untuk menetapkan sebuah border antar Cell di lebur jadi satu border atau di
pisah menjadi dua border
3. Width adalah properti CSS yang di gunakan untuk
menetapkan lebar table atau kolom pada table. Jadi properti width hanya bekerja
pada selektor table dan th atau td saja. Nilai wide bisa berupa tx atau persen
(%).
4. Height adalah properti CSS yang di gunakan untuk
menetapkan tinggi table atau tinggi baris pada table. Jadi properti height
hanya bekerja pada selektor table dan tx saja. Nilai height dalam tabel bisa dinyatakan
dalam tx atau % sedangkan nilai height dalam tabel biasanya dinyatakan
5. Teks align, adalah properti CSS yang digunakan
untuk mengatur aligmen teks pada tabel, nilai properti ini bisa diseet left
right dan center.
6. Vertikal align, adalah properti CSS yang digunakan
untuk mengatur posisi vertikal aligmen teks pada tabel. Nilai properti ini bisa
diseet top atau bottom jika tidak diseet maka otomatis vertikal alignmen pada
posisi tengah. Untuk menempak teks pada posisi tertentu bisa digunkan properti
padding.
7. Margin, adalah properti CSS yang dignkan untuk
mengatur jarak tabel terhadap tabel elemen disamping kiri, kanan atau sebelah
atau bawah.jadi jika diset 10px 2px 5px 3px artiinya:
- Margin atas = 10 px
8. padding, adalah properti CSS yang digunakan untuk
mengatur jarak pada posisi tabel,
urutan nilai dari padding sama dengan margin
yaitu atas kanan bawa kiri. Sebaiknya kita menggunakan padding hanya pada th
atau td saja
9. color, adalh properti CSS yang digunakan untuk mengatur
warna teks pada isi tabel.
10.
background color, adalah properti CSS yang digunakan untuk mengatur warna
bground shell pada tabel.
No comments:
Post a Comment