Liste stili: Liste stili. Listenin html sayfasındaki görünümünü özelleştirmek için CSS kuralları. Liste stili özelliği (tür, görüntü, konum) Liste işaretçisi liste stili konumu konumu

Açıklama

Liste için madde işareti görevi gören görüntünün adresini ayarlar. Bu özellik miras alınır, dolayısıyla işaretleyiciyi tek tek liste öğeleri için geri yüklemek için hiçbiri kullanılmaz.

Sözdizimi

liste stili resim: yok | url ("dosyanın yolu") | miras almak

Değerler

HTML5 CSS2.1 IE Cr Op Sa Fx

• Lorem ipsum dolor sit amet
• Consectetuer adipiscing elit
• Sed diem nonummy nibh euismod
• Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ve minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis, ex ea commodo results.

Bu örneğin sonucu Şekil 1'de gösterilmektedir. bir.

Şekil: 1. List-style-image özelliğini uygulama

Nesne Modeli

document.getElementById ("elementID") .style.listStyleImage

Tarayıcılar

Görüntü ile metin arasındaki mesafe farklı tarayıcılarda değişiklik gösterebilir.

Float özelliği listeye eklendiğinde Internet Explorer 7.0 veya sonraki sürümleri madde işaretlerini görüntülemez. Ayrıca, bu tarayıcı devralma değerini desteklemiyor.

Açıklama

İşaretleyicinin stilini, konumunu ve işaretçi olarak kullanılacak görüntüyü aynı anda ayarlamanıza izin veren evrensel bir özellik. Ayrıntılı bilgi için her mülk hakkındaki bilgilere ayrı ayrı bakın.

Sözdizimi

liste stili: liste stili türü || liste stili konum || liste stili görüntü | miras almak

Değerler

İşaretçilerin stilini tanımlayan üç değerin herhangi bir kombinasyonu, bir boşlukla ayrılırlar. Değer kombinasyonları belirtilen sırayla takip etmelidir: önce işaret tipi, ardından konum ve resim gelir. Değerlerin hiçbiri gerekli değildir, bu nedenle kullanılmayan değerler atlanabilir.

Devral Değeri üst öğeden devralır.

HTML5 CSS2.1 IE Cr Op Sa Fx

• Lorem ipsum dolor sit amet
• Consectetuer adipiscing elit
• Sed diem nonummy nibh euismod
• Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ve minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis, ex ea commodo results.

Bu örneğin sonucu Şekil 1'de gösterilmektedir. bir.

Şekil: 1. Liste stili özelliğini uygulama

Nesne Modeli

document.getElementById ("elementID") .style.listStyle

Tarayıcılar

Internet Explorer 7.0 veya üzeri, devralma değerini desteklemez.

Harici stil sayfası site biçimlendirmesiyle ilgili bilgileri tek bir dosyada yoğunlaştırmanıza olanak tanır. Harici css stil sayfasına başvurmak için, gövdede başlıktan sonra sonraki satırı yaz

Href niteliği, harici stil sayfası dosyasının yolunu belirtir. Bu satır, harici stil sayfasının kullanılması gereken tüm Web sayfalarının metninde yazılmalıdır.

Böylece, style.css dosyasında yapılan değişiklikler bu dosyaya bağlanan tüm sayfalara anında yansıtılır.

Stillerin özel tanımı

Bir stili, tanımlayıcının ayrı bir örneğiyle ilişkili olarak özel bir şekilde uygulamanız gerekiyorsa, bunun için STYLE özelliğini kullanmanız gerekir. Bu teknik, stil sayfaları oluşturma zorunluluğunu ortadan kaldırarak sağlanan stillerden tam olarak yararlanmanıza olanak tanır. Stillerin özel kullanımı, sayfa zaten bir dahili veya harici bir stil sayfasına bağlantı içeriyor olsa bile kullanılabilir. özel stil en yüksek önceliğe sahiptir.

Misal:

Kimlik özelliği

Bir Web sayfasının tek bir öğesine stil uygulamak istiyorsanız, kimlik özniteliğini kullanmanız gerekir.

Bunu yapmak için, gerekli sayfa öğesi etiketine bir tanımlayıcı atamanız gerekir. Daha sonra bu öğenin özelliklerini dahili veya harici bir stil sayfasında tanımlayabilirsiniz. Belirtilen biçimlendirme işaretleri yalnızca belirtilen tanımlayıcıyla işaretlenen öğe için ayarlanacaktır.

• ...
• ...

• ...
• ...

İkinci örnek özelliği kullanır liste biçimi... Liste için belirtilen görüntü mevcut değilse, işaretçi kullanılacaktır içi boş daire (boş daire).

Üçüncü örnek, mülkün liste biçimi mülkiyete sahip unsurlar için uygulanabilir görüntüle anlamı alır liste öğesi.