Tuesday, March 24, 2020

STYLE HALAMAN WEB



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