Format dhaptar lan tabel minangka bagean penting kanggo nampilake informasi ing situs web sampeyan. CSS nyedhiyakake properti lan kelas kanggo nggawe lan ngatur dhaptar lan tabel sing dikarepake. Iki minangka pandhuan rinci babagan cara ngowahi format dhaptar lan tabel ing CSS.
Dhaptar Format
Dhaptar Unordered(ul)
Properti utama: dhaptar-gaya-jinis.
Nilai: none, disc, circle, square
.
Tuladha:
ul {
list-style-type: disc;
}
Daftar pesenan(ol)
Properti utama: dhaptar-gaya-jinis.
Nilai: ora ana(standar), desimal, alfa ngisor, alfa ndhuwur, roman ngisor, roman ndhuwur.
Tuladha:
ol {
list-style-type: decimal;
}
Dhaptar definisi(dl)
Properti utama: Ora ana properti CSS khusus kanggo format dhaptar definisi. Nanging, sampeyan bisa nggawe gaya unsur ing dhaptar nggunakake kelas utawa properti liyane kayata font-size, font-weight, margin, padding, etc.
Tuladha:
<dl>
<dt>HTML</dt>
<dd>A markup language for creating web pages</dd>
<dt>CSS</dt>
<dd>A styling language for web pages</dd>
</dl>
dt {
font-weight: bold;
}
Format Tabel
Format Struktur Tabel
Properti utama: border-collapse
.
Nilai: separate(default), collaps
e.
Tuladha:
table {
border-collapse: collapse;
}
Formating Border Tabel
Properti utama: border
.
Nilai: Nilai wates, contone 1px solid black
:.
Tuladha:
table {
border: 1px solid black;
}
Formating wates sel
Properti utama: border
.
Nilai: Nilai wates, contone 1px solid black
:.
Tuladha:
td, th {
border: 1px solid black;
}
Alignment lan Spasi saka Sèl Tabel
Sifat utama: text-align, padding
.
- text-align: Nilai Alignment, contone
left, right, center
:. - padding: Nilai spasi ing sel, contone: 10px.
Tuladha:
th {
text-align: center;
padding: 10px;
}
Werna Latar mburi lan Teks ing Tabel
Properti utama: background-color, color
background-color
: Nilai werna latar, contonelightgray
:.color
: Nilai werna teks, contonewhite
:.
Tuladha:
table {
background-color: lightgray;
color: white;
}
Ukuran Column lan Baris ing Tabel
Sifat utama: width
, height
.
width
: Nilai jembaré, contone: "100px", "20%".height
: Nilai dhuwur, contone: "50px", "10%".
Tuladha:
th {
width: 100px;
height: 50px;
}
Iki minangka pandhuan lengkap babagan cara ngowahi format dhaptar lan tabel ing CSS. Sampeyan bisa ngatur nilai lan properti kanggo nggawe dhaptar lan gaya tabel sing cocog karo kabutuhan desain ing situs web sampeyan.