Css Eğitimi Ders 7-Listeler

<div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6g5w5vuV4vMz1nyOFuw-90T45P85arbtihwjduHirEXC7svCFrFetpdB37bh2wSdieNmSMYuordTTOYwKZZeC9IgVs3ULuJLOkzv3m2oK8H25u7FndeSvezH0HVRp-dq9YeaD_gMGtu/s1600/5035a79ebf516.preview-620.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="116" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRn6g5w5vuV4vMz1nyOFuw-90T45P85arbtihwjduHirEXC7svCFrFetpdB37bh2wSdieNmSMYuordTTOYwKZZeC9IgVs3ULuJLOkzv3m2oK8H25u7FndeSvezH0HVRp-dq9YeaD_gMGtu/s1600/5035a79ebf516.preview-620.jpg" width="200" /></a></div> Merhaba,<br /> Bu derste listeleme yaparken özellikleri kullanmayı öğreneceğiz. Şekillendirme, değiştirme vs. Hemen Başlayalım.<br /> <h3> Listeler</h3> <h4> Madde Şekli:</h4> <div> Madde şekillerini 2 yerde kullanırız. Numaralı ve şekilli listeler. Yani "ol" ve "ul". Bir örnek ile madde şekillerini daire, sayıları roman rakamları yapalım:</div> <div> <br /></div> <div> ul {</div> list-style-type: disc;<div> }</div> <div> ol {</div> list-style-type: upper-roman;<div> }</div> <div> <br /></div> <div> Bu stili kullanırsak tüm madde listelerinin başında daire, sayı listelelerinin başında roman rakamları listelenir. Buna pek çok örnek verilebilir.</div> <h4>      Ul Stilleri</h4> <div> <ul> <li>circle: İçi boş daire</li> <li>disc: Daire</li> <li>square: Kare</li> <li>none: Boş</li> </ul> <h4>      Ol Stilleri</h4> </div> <ul> <li>armenian</li> <li>decimal</li> <li>decimal-leading-zero</li> <li>lower-alpha</li> <li>lower-greek</li> <li>lower-latin </li> <li>lower-roman</li> <li>none </li> <li>upper-alpha</li> <li>upper-latin</li> <li>upper-roman</li> </ul> <div> Not: Bunları yazamadım çünkü çoğunu hatırlamıyorum ve alıntı yaptım. Orada da yoktu. Size ödev öğrenin gelin :)</div> <div> <br /></div> <div> Madde şekli yerine resim de kullanabiliriz. Örneğin:</div> <div> <br /></div> ul { <div> list-style-image: url('resim.png'); </div> <div> }</div> <div> <br /></div> <div> Not: Resim yerine gif'de kullanılabilir.</div> <h4> İnside-Outside</h4> <div> Madde işaretinin içinde mi dışında mı olacağıdır. Örneğin:</div> <div> <br /></div> <div> ul { <div> list-style-position: inside; </div> <div> }</div> </div> <div> <br /></div> <div> Bu şekilde madde işareti içeri kısımda başta olacaktır.</div> <div> <br /></div> <div> Bu derslik bu kadar. Çalışın ve ödevi unutmayın. Bu arada tüm "ol" özelliklerini bulana bir süprizim var ;)</div>

Css Eğitimi Ders 7-Listeler

Merhaba, Bu derste listeleme yaparken özellikleri kullanmayı öğreneceğiz. Şekillendirme, değiştirme vs. Hemen Başlayalım. Listeler Ma...

Devamı »