Bazı durumlarda sırasız ve sıralı listelerin madde işaretlerini kaldırmamız gerekebilir. Liste madde işaretlerinin kaldırılması CSS kullanılarak karmaşık bir iş değildir. CSS'yi ayarlayarak kolayca yapılabilir liste biçimi veya liste stili türü mülkiyet hiçbiri .
liste stili türü CSS özelliği, bir öğenin işaretçisini (disk, karakter veya özel sayaç stili gibi) ayarlamak için kullanılır. liste öğe öğesi. Bu CSS özelliği, listeyi madde işaretleri olmadan oluşturmamıza yardımcı olur. Yalnızca görüntüleme değeri olarak ayarlanan öğelere uygulanabilir. liste öğesi. liste stili türü özellik miras alınır, bu nedenle ana öğeye uygulanabilir (örneğin veya
) tüm liste öğelerine uygulanmasını sağlamak için.
Varsayılan olarak sıralı liste öğeleri Arap rakamlarıyla (1, 2, 3 vb.) numaralandırılır ve sırasız listedeki öğeler yuvarlak madde işaretleri (•) ile işaretlenir. liste stili türü CSS özelliği, varsayılan liste işaretçisi türünü kare, daire, romen rakamları, Latin harfleri ve çok daha fazlası gibi başka herhangi bir türle değiştirmemize olanak tanır.
Değerini şu şekilde ayarlarsak hiçbiri işaretleyicileri/madde işaretlerini kaldıracaktır. Listedeki madde işaretlerini kaldırmak yerine görsellerle değiştirebiliriz. Siteyi görsel olarak daha çekici hale getirir. kullanılarak yapılabilir. liste stili resmi mülk.
Bir örnek kullanarak madde işaretlerinin nasıl kaldırılacağını anlayalım.
Örnek
Bu örnekte hem sıralı hem de sırasız listeleri kullanıyoruz ve liste stili türü değeri olan mülk hiçbiri Liste öğelerinin madde işaretlerini kaldırmak için.
ol { list-style-type: none; font-weight: bold; font-size: 20px; } ul { list-style-type: none; font-weight: bold; font-size: 20px; } <h2>Ordered list</h2> <ol> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ol> <h2>Unordered list</h2> <ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul> Şimdi Test Edin Çıktı
