Bagaimana Menggunakan Senarai CSS Terbaik?



Artikel ini akan memperkenalkan anda kepada Daftar CSS dan dalam proses membantu anda memahami bagaimana gaya CSS List berfungsi dengan demonstrasi.

Senarai CSS sangat membantu dalam mencapai satu set titik bernombor atau titik. Artikel ini akan menunjukkan kepada anda cara mengawal jenis, kedudukan, gaya menggunakan CSS. Petunjuk berikut akan diliputi di sini,

Oleh itu, mari kita mulakan,





Senarai CSS

Hartanah CSS

Terdapat lima sifat CSS yang berbeza di mana anda boleh menggunakannya untuk mengawal senarai:

  • Jenis-jenis senarai: Ini membolehkan kita mengawal bentuk atau penampilan penanda.
  • List-style-position: Ini menentukan bahawa titik panjang diperlukan untuk membungkus ke baris kedua atau harus sejajar dengan baris pertama atau bermula dengan penanda.
  • List-style-image: Ini menentukan bahawa gambar untuk penanda harus ditambahkan atau dibuat lebih menarik daripada peluru atau titik bernombor.
  • Senarai-gaya: Ini menunjukkan kependekan dari sifat sebelumnya.
  • Marker-offset: Ini menentukan jarak antara penanda dan teks yang dimasukkan dalam senarai.

Berikut adalah senarai yang biasa digunakan ialah: list-style-type dan list-style-position. Ia dijelaskan di bawah



bolehkah anda membuat susunan objek di java

Teruskan dengan artikel ini di Daftar CSS

Properti jenis-gaya senarai

Dalam sifat jenis-jenis senarai, anda boleh mengawal bentuk dan gaya titik peluru atau penanda dalam kes senarai yang tidak disusun. Dalam kes senarai tertib, ia adalah penomboran watak.

Jadual di bawah yang mewakili senarai yang tidak tersusun:



Nilai Penerangan
Tiada NA
Cakera Ia diisi dalam bulatan. (Lalai satu)
Bulatan Ia adalah bulatan kosong.
Petak Ia dipenuhi di alun-alun.

Jadual di bawah yang mewakili senarai yang disusun:

Nilai Penerangan Contohnya
Perpuluhan Ia adalah nombor1,4,3
Sifar pendahuluan perpuluhan 0 sebelum nombor sebenar01, 04, 03
Bawah-alpha Ia adalah huruf alfanumerik huruf kecil.a, b, c, d
Hulu-alpha Ia adalah huruf alfanumerik huruf besar.A, B, C, D
Romawi rendah Ia adalah angka Roman huruf kecil.i, ii, iii, iv, v
Romawi atas Ia adalah angka Romawi huruf besar.I, II, III, IV, V
Bahasa Yunani rendah Marker dalam bahasa Yunani rendahalpha, gamma
Bawah-latin Marker menggunakan bahasa latin rendaha, b, c, d
Atas-latin Penanda berada dalam huruf latin atasA, B, C, D

Teruskan dengan artikel ini di Daftar CSS

Senarai CSS: Contoh Program

 
  • Jawa
  • Python
  • Sudut
  • Jawa
  • Python
  • Sudut
  1. Jawa
  2. Python
  3. Sudut
  1. Jawa
  2. Python
  3. Sudut
  1. Jawa
  2. Python
  3. Sudut

Pengeluaran

Keluaran - Daftar CSS - Edureka

Teruskan dengan artikel ini di Daftar CSS

Properti senarai-gaya-kedudukan

Nilai Penanda Untuk Dalam senarai-gaya-kedudukan harta tanah

Dalam sifat senarai-gaya-kedudukan menunjukkan bahawa penanda harus muncul di dalam atau di luar kotak yang mengandungi titik peluru. Ini boleh mempunyai salah satu daripada dua nilai:

Nilai Penerangan
Tiada NA
Dalam Dalam kes ini jika teks masuk baris kedua maka teks akan dibungkus di bawah penanda. Ia juga akan menunjukkan di mana teks akan bermula jika senarai mempunyai vale di luar.
di luar Dalam kes ini jika teks masuk ke baris kedua, teks akan diselaraskan dengan permulaan baris pertama.

Contoh:

 
  • Matematik
  • Sains Sosial
  • Fizik
  • Matematik
  • Sains Sosial
  • Fizik
  1. Matematik
  2. Sains Sosial
  3. Fizik
  1. Matematik
  2. Sains Sosial
  3. Fizik

Pengeluaran

Ini membawa kita ke akhir artikel ini mengenai Daftar CSS.

Lihat kami yang dilengkapi dengan latihan langsung yang dipimpin oleh instruktur dan pengalaman projek kehidupan sebenar. Latihan ini menjadikan anda mahir dalam kemahiran bekerja dengan teknologi web back-end dan front-end. Ia merangkumi latihan mengenai Pembangunan Web, jQuery, Angular, NodeJS, ExpressJS, dan MongoDB.

Ada soalan untuk kami? Sila sebutkan di bahagian komen artikel dan kami akan menghubungi anda.