ozan-tr
⭐Deneyimli Tasarımcı⭐
Bu Css özelliği <UL> ve <LI> html etiketleri ile oluşturduğumuz listelerin özelliklerini belirlemek için kullanılır.
HTML:
<html><body><head> <title>Css</title> <style type="text/css"> <!-
li {
list-style-type : circle; list-style-position : inside; list-style : decimal; list-style-image : url ("resim.gif");
</style> <body><li>Web Teknikleri
<li>Html
<li>Javascript
<li>Css
<li>Web Grafik
</body></html>
list-style-type :
• disk : Liste biçiminin disk (içi dolu yuvarlak) şeklinde olmasını sağlar.
• circle : Liste biçiminin çember şeklinde olmasını sağlar.
• square : Liste biçiminin kare olmasını sağlar.
• decimal : Liste biçiminin rakamlardan oluşmasını sağlar.
• lower-roman : Liste biçiminin i,ii,iii, gibi roma rakamlarının küçük harfi
olmasını sağlar.
• upper-roman: Liste biçiminin I,II,II gibi roma rakamlarının büyük harfi
olmasını sağlar.
• lower-alpha : Liste biçiminin a,b,c şeklinde olmasını sağlar.
• upper-alpha: Liste biçiminin A,B,C şeklinde olmasını sağlar.
• none : Listenin imgesiz olmasını sağlar.
• list-style-position :
• inside : Listenin ikinci satırının en soldan başlamasını sağlar.
• Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasın
sağlar.
• list-style-image : Liste biçiminin resim olmasını sağlar.
HTML:
<html><body><head> <title>Css</title> <style type="text/css"> <!-
li {
list-style-type : circle; list-style-position : inside; list-style : decimal; list-style-image : url ("resim.gif");
</style> <body><li>Web Teknikleri
<li>Html
<li>Javascript
<li>Css
<li>Web Grafik
</body></html>
list-style-type :
• disk : Liste biçiminin disk (içi dolu yuvarlak) şeklinde olmasını sağlar.
• circle : Liste biçiminin çember şeklinde olmasını sağlar.
• square : Liste biçiminin kare olmasını sağlar.
• decimal : Liste biçiminin rakamlardan oluşmasını sağlar.
• lower-roman : Liste biçiminin i,ii,iii, gibi roma rakamlarının küçük harfi
olmasını sağlar.
• upper-roman: Liste biçiminin I,II,II gibi roma rakamlarının büyük harfi
olmasını sağlar.
• lower-alpha : Liste biçiminin a,b,c şeklinde olmasını sağlar.
• upper-alpha: Liste biçiminin A,B,C şeklinde olmasını sağlar.
• none : Listenin imgesiz olmasını sağlar.
• list-style-position :
• inside : Listenin ikinci satırının en soldan başlamasını sağlar.
• Outside : Listenin ikinci satırının ilk satır ile aynı yerden başlamasın
sağlar.
• list-style-image : Liste biçiminin resim olmasını sağlar.
