Pandhuan kanggo Format Dhaptar lan Tabel ing CSS- Properties lan Conto

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, contone lightgray:.
  • color: Nilai werna teks, contone white:.

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.