02.03.2017 Views

CSS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

List-style-image<br />

با استفاده از خاصیت List-style-image شما میتوانید بجای عالمه سطر ها،‏ از تصاویر دلخواه تان<br />

استفاده نماید.‏<br />

قاعده دستوری این خاصیت به شکل زیر میباشد:‏<br />

List-style-image:url(‘bullet.gif’);<br />

آموزش کاربردی <strong>CSS</strong>3<br />

خوب بخاطر اینکه نحوه ساخت لیست دوباره به یاد بیاید میرویم و یک مثال کاربردی را انجام<br />

میدهیم.‏<br />

دستور<br />

:HTML<br />

دستور<br />

آموزش کاربردی <strong>CSS</strong>3<br />

<br />

آموزش کاربردی <strong>CSS</strong>3 <br />

لیست ها ‏آموزش<br />

لیست های نا مرتب ‏آموزش<br />

<br />

:<strong>CSS</strong><br />

حاال نتیجه دستورات باال به شکل زیر میباشد:‏<br />

آموزش کاربردی<br />

آموزش لیست ها<br />

<strong>CSS</strong>3<br />

آموزش لیست های نا مرتب<br />

آموزش کاربردی <strong>CSS</strong>3<br />

Ul{<br />

{<br />

Ul li{<br />

Margin:0; padding:0;<br />

Font:12px/30px Tahoma; text-align:right;<br />

List-style: url(cd.gif) inside;<br />

Margin:o; padding:0;}<br />

72<br />

‏”رسولی”‏ نویسنده:‏ فردوس

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!