CSS ﻞﯾﺎﺘﺳﺍ ﯼﺎﻫ ﺖﺴﯿﻟ


فهرست مطالب

    نمایش فهرست مطالب


:ﺐﺗﺮﻣﺎﻧ ﯼﺎﻫ ﺖﺴﯿﻟ

  • Coffee
  • Tea
  • Coca Cola
  • Coffee
  • Tea
  • Coca Cola

:ﻩﺪﺷ ﺐﺗﺮﻣ ﯼﺎﻫ ﺖﺴﯿﻟ

  1. Coffee
  2. Tea
  3. Coca Cola
  1. Coffee
  2. Tea
  3. Coca Cola

CSS ﺖﺳﺮﻬﻓ ﯼﺎﻫ ﯽﮔﮋﯾﻭ ﻭ HTML ﯼﺎﻫ ﺖﺴﯿﻟ

:ﺩﺭﺍﺩ ﺩﻮﺟﻭ ﺖﺴﯿﻟ ﯽﻠﺻﺍ ﻉﻮﻧ ﻭﺩ HTML ﺭﺩ

  • ﺪﻧﻮﺷ ﯽﻣ ﺺﺨﺸﻣ ﻪﻟﻮﻠﮔ ﺎﺑ ﺖﺴﯿﻟ ﺩﺭﺍﻮﻣ - (<ul>) ﺐﺗﺮﻣﺎﻧ ﯼﺎﻫ ﺖﺴﯿﻟ

  • ﺪﻧﻮﺷ ﯽﻣ ﺺﺨﺸﻣ ﻑﻭﺮﺣ ﺎﯾ ﺩﺍﺪﻋﺍ ﺎﺑ ﺖﺴﯿﻟ ﺩﺭﺍﻮﻣ - (<ol>) ﻩﺪﺷ ﺐﺗﺮﻣ ﯼﺎﻫ ﺖﺴﯿﻟ

:ﺪﻫﺩ ﯽﻣ ﻩﺯﺎﺟﺍ ﺎﻤﺷ ﻪﺑ CSS ﺖﺴﯿﻟ ﯼﺎﻫ ﯽﮔﮋﯾﻭ

  • ﺪﯿﻨﮐ ﻢﯿﻈﻨﺗ ﻩﺪﺷ ﺐﺗﺮﻣ ﯼﺎﻫ ﺖﺴﯿﻟ ﯼﺍﺮﺑ ﺍﺭ ﺖﺴﯿﻟ ﻒﻠﺘﺨﻣ ﯼﺎﻫ ﻢﺘﯾﺁ ﯼﺎﻫﺮﮕﻧﺎﺸﻧ

  • ﺪﯿﻨﮐ ﻢﯿﻈﻨﺗ ﺐﺗﺮﻣﺎﻧ ﯼﺎﻫ ﺖﺴﯿﻟ ﯼﺍﺮﺑ ﺍﺭ ﺖﺴﯿﻟ ﻒﻠﺘﺨﻣ ﯼﺎﻫ ﻢﺘﯾﺁ ﯼﺎﻫﺮﮕﻧﺎﺸﻧ

  • ﺪﯿﻨﮐ ﻢﯿﻈﻨﺗ ﺖﺴﯿﻟ ﻢﺘﯾﺁ ﺮﮕﻧﺎﺸﻧ ﻥﺍﻮﻨﻋ ﻪﺑ ﺍﺭ ﺮﯾﻮﺼﺗ ﮏﯾ

  • ﺪﯿﻨﮐ ﻪﻓﺎﺿﺍ ﺖﺴﯿﻟ ﺩﺭﺍﻮﻣ ﻭ ﺎﻫ ﺖﺴﯿﻟ ﻪﺑ ﺍﺭ ﻪﻨﯿﻣﺯ ﺲﭘ ﯼﺎﻫ ﮓﻧﺭ


ﺖﺳﺮﻬﻓ ﻒﻠﺘﺨﻣ ﯼﺎﻫ ﻢﺘﯾﺁ ﯼﺎﻫﺮﮕﻧﺎﺸﻧ

ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ ﺖﺴﯿﻟ ﻢﺘﯾﺁ ﻉﻮﻧ list-style-type

:ﺪﻫﺩ ﯽﻣ ﻥﺎﺸﻧ ﺍﺭ ﺖﺳﺮﻬﻓ ﺩﻮﺟﻮﻣ ﯼﺎﻫﺮﮕﻧﺎﺸﻧ ﺯﺍ ﯽﺧﺮﺑ ﺮﯾﺯ ﻝﺎﺜﻣ

ﻝﺎﺜﻣ

ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}

ol.c {
  list-style-type: upper-roman;
}

ol.d {
  list-style-type: lower-alpha;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
}

ol.c {
  list-style-type: upper-roman;
}

ol.d {
  list-style-type: lower-alpha;
}
</style>
</head>
<body>

<h2>The list-style-type Property</h2>

<p>Example of unordered lists:</p>
<ul class="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="b">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<p>Example of ordered lists:</p>
<ol class="c">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="d">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

</body>
</html>


.ﺪﻨﺘﺴﻫ ﻩﺪﺷ ﺐﺗﺮﻣ ﯼﺎﻫ ﺖﺴﯿﻟ ﯼﺍﺮﺑ ﯽﺧﺮﺑ ﻭ ﺐﺗﺮﻣﺎﻧ ﯼﺎﻫ ﺖﺴﯿﻟ ﯼﺍﺮﺑ ﺮﯾﺩﺎﻘﻣ ﺯﺍ ﯽﺧﺮﺑ :ﻪﺟﻮﺗ



ﺖﺳﺮﻬﻓ ﻢﺘﯾﺁ ﺮﮕﻧﺎﺸﻧ ﻥﺍﻮﻨﻋ ﻪﺑ ﺮﯾﻮﺼﺗ

.ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺖﺴﯿﻟ ﻥﺍﻮﻨﻋ ﻪﺑ ﺍﺭ ﺮﯾﻮﺼﺗ ﮏﯾ list-style-im

ﻝﺎﺜﻣ

ul
{
    list-style-image: url('sqpurple.gif');
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
ul {
  list-style-image: url('sqpurple.gif');
}
</style>
</head>
<body>

<h2>The list-style-image Property</h2>

<p>The list-style-image property specifies an image as the list item marker:</p>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

</body>
</html>



ﺪﯿﻫﺩ ﺭﺍﺮﻗ ﺖﯿﻌﻗﻮﻣ ﺭﺩ ﺍﺭ ﺖﺴﯿﻟ ﻢﺘﯾﺁ ﯼﺎﻫﺮﮕﻧﺎﺸﻧ

.ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ ﺖﺳﺮﻬﻓ ﺩﺭﻮﻣ ﯼﺎﻫﺮﮕﻧﺎﺸﻧ ﺖﯿﻌﻗﻮﻣ list-sty

"list-style-position: out;" ﺩﻮﺑ ﺪﻨﻫﺍﻮﺧ ﻥﻭﺮﯿﺑ ﻪﻟﻮﻠﮔ ﻁﺎﻘﻧ ﻪﮐ ﺖﺳﺍ ﯽﻨﻌﻣ ﻦﯾﺍ ﻪﺑ

  • Coffee - A brewed drink prepared from roasted coffee beans...
  • Tea
  • Coca-cola

"list-style-position: inside;" ﺩﻮﺑ ﺪﻨﻫﺍﻮﺧ ﻞﺧﺍﺩ ﺭﺩ ﻪﻟﻮﻠﮔ ﻁﺎﻘﻧ ﻪﮐ ﺖﺳﺍ ﯽﻨﻌﻣ ﻦﯾﺍ ﻪ

  • Coffee - A brewed drink prepared from roasted coffee beans...
  • Tea
  • Coca-cola

ﻝﺎﺜﻣ

 ul.a {
  list-style-position: outside;
}
ul.b {
  list-style-position: inside;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
ul.a {
  list-style-position: outside;
}

ul.b {
  list-style-position: inside;
}
</style>
</head>
<body>

<h1>The list-style-position Property</h1>

<h2>list-style-position: outside (default):</h2>
<ul class="a">
  <li>Coffee - A brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea plant</li>
  <li>Tea - An aromatic beverage commonly prepared by pouring hot or boiling water over cured leaves of the Camellia sinensis, an evergreen shrub (bush) native to Asia</li>
  <li>Coca Cola - A carbonated soft drink produced by The Coca-Cola Company. The drink's name refers to two of its original ingredients, which were kola nuts (a source of caffeine) and coca leaves</li>
</ul>

<h2>list-style-position: inside:</h2>
<ul class="b">
  <li>Coffee - A brewed drink prepared from roasted coffee beans, which are the seeds of berries from the Coffea plant</li>
  <li>Tea - An aromatic beverage commonly prepared by pouring hot or boiling water over cured leaves of the Camellia sinensis, an evergreen shrub (bush) native to Asia</li>
  <li>Coca Cola - A carbonated soft drink produced by The Coca-Cola Company. The drink's name refers to two of its original ingredients, which were kola nuts (a source of caffeine) and coca leaves</li>
</ul>

</body>
</html>



ﺪﯿﻨﮐ ﻑﺬﺣ ﺍﺭ ﺽﺮﻓ ﺶﯿﭘ ﺕﺎﻤﯿﻈﻨﺗ

ﺪﺷﺎﺑ ﺪﻧﺍﻮﺗ ﯽﻣ ﺰﯿﻧ list-style-type:none ﯽﮔﮋﯾﻭ

ﻝﺎﺜﻣ

ul
{
   
list-style-type: none;
  margin: 0;
  
  padding: 0;
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
ul.demo {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
</style>
</head>
<body>

<p>Default list:</p>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<p>Remove bullets, margin and padding from list:</p>
<ul class="demo">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

</body>
</html>



ﺮﺼﺘﺨﻣ ﻝﺍﻮﻣﺍ - ﺖﺳﺮﻬﻓ

ﺩﻮﺷ ﯽﻣ ﻩﺩﺎﻔﺘﺳﺍ ﺩﺭﺍﻮﻣ ﻪﻤﻫ ﻢﯿﻈﻨﺗ ﯼﺍﺮﺑ .ﺖﺳﺍ ﺮﺼﺘﺨﻣ ﯽﮔﮋﯾﻭ ﮏﯾ

ﻝﺎﺜﻣ

ul
{
   
list-style: square inside url("sqpurple.gif");
}

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
ul {
  list-style: square inside url("sqpurple.gif");
}
</style>
</head>
<body>

<h2>The list-style Property</h2>

<p>The list-style property is a shorthand property, which is used to set all the list properties in one declaration.</p>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

</body>
</html>


:ﺯﺍ ﺪﻨﺗﺭﺎﺒﻋ ﺎﻫ ﯽﮔﮋﯾﻭ ﺮﯾﺩﺎﻘﻣ ﺐﯿﺗﺮﺗ ،ﺮﺼﺘﺨﻣ ﯽﮔﮋﯾﻭ ﺯﺍ ﻩﺩﺎﻔﺘﺳﺍ ﻡﺎﮕﻨﻫ

list-style-type

،ﺪﺷﺎﺑ ﻩﺪﺷ ﺺﺨﺸﻣ ﺖﺴﯿﻟ ﮏﺒﺳ ﻪﺑ ﺮﯾﻮﺼﺗ ﮏﯾ ﺮﮔﺍ)

list-style-position

(ﺪﻧﻮﺷ ﺮﻫﺎﻇ ﺍﻮﺘﺤﻣ ﻥﺎﯾﺮﺟ ﺯﺍ ﺝﺭﺎﺧ ﺎﯾ ﻞﺧﺍﺩ ﺭﺩ ﺪﯾﺎﺑ ﺖﺳﺮﻬﻓ ﺩﺭﻮﻣ ﯼﺎﻫﺮﮕﻧﺎﺸﻧ ﻪﮐ ﺪﻨﮐ ﯽﻣ

list-style-image

(ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺖﺴﯿﻟ ﻢﺘﯾﺁ ﺮﮕﻧﺎﺸﻧ ﻥﺍﻮﻨﻋ ﻪﺑ ﺍﺭ ﺮﯾﻮﺼﺗ ﮏﯾ)

ﯼﺍﺮﺑ ﺽﺮﻓ ﺶﯿﭘ ﺭﺍﺪﻘﻣ ،ﺪﺷﺎﺑ ﻪﺘﺷﺍﺪﻧ ﺩﻮﺟﻭ ﻻﺎﺑ ﯽﮔﮋﯾﻭ ﺮﯾﺩﺎﻘﻣ ﺯﺍ ﯽﮑﯾ ﺮﮔﺍ


ﮓﻧﺭ ﺎﺑ ﻩﺪﺷ ﯽﺣﺍﺮﻃ ﺮﻫﺎﻇ ﮏﯾ ﺖﺴﯿﻟ

ﺪﻨﺳﺮﺑ ﺮﻈﻧ ﻪﺑ ﺮﺘﺸﯿﺑ ﯽﻤﮐ ﺎﺗ ﻢﯿﻨﮐ ﮏﺒﺳ ﺎﻫﮓﻧﺭ ﺎﺑ ﺍﺭ ﺎﻫﺖﺳﺮﻬﻓ ﻢﯿﻧﺍﻮﺗﯽﻣ

ﻪﮐ ﯽﻟﺎﺣ ﺭﺩ ،ﺩﺭﺍﺬﮔ ﯽﻣ ﺮﯿﺛﺄﺗ ﺖﺴﯿﻟ ﻞﮐ ﺮﺑ ،ﺩﻮﺷ ﻪﻓﺎﺿﺍ <ul> ﺎﯾ <ol> ﮓﺗ ﻪﺑ ﻪﮐ ﯼﺰﯿﭼ ﺮﻫ

ﻝﺎﺜﻣ

ol {
  background: #ff9999;
  
padding: 20px;
}
ul {
  background: #3399ff;
  
padding: 20px;
}
ol li {
  background: 
#ffe5e5;
  color: darkred;
  padding: 5px;
  
margin-left: 35px;
}
ul li {
  background: 
#cce5ff;
  color: darkblue;
  margin: 5px;
}

:ﻪﺠﯿﺘﻧ

  1. Coffee
  2. Tea
  3. Coca Cola
  • Coffee
  • Tea
  • Coca Cola
END_DIV

→ ﺪﯿﻨﮐ ﻥﺎﺤﺘﻣﺍ ﺍﺭ ﻥﺁ ﻥﺎﺗﺩﻮﺧ

<!DOCTYPE html>
<html>
<head>
<style>
ol {
  background: #ff9999;
  padding: 20px;
}

ul {
  background: #3399ff;
  padding: 20px;
}

ol li {
  background: #ffe5e5;
  color: darkred;
  padding: 5px;
  margin-left: 35px;
}

ul li {
  background: #cce5ff;
  color: darkblue;
  margin: 5px;
}
</style>
</head>
<body>

<h1>Styling Lists With Colors</h1>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

</body>
</html>



ﺮﺘﺸﯿﺑ ﯼﺎﻫ ﻪﻧﻮﻤﻧ

.ﺪﻫﺩ ﯽﻣ ﻥﺎﺸﻧ ﺍﺭ ﺰﻣﺮﻗ ﭗﭼ ﺖﻤﺳ ﻪﯿﺷﺎﺣ ﺎﺑ ﺖﺴﯿﻟ ﮏﯾ ﺩﺎﺠﯾﺍ ﻩﻮﺤﻧ ﻝﺎﺜﻣ ﻦﯾﺍ

ﺰﻣﺮﻗ ﭗﭼ ﺖﻤﺳ ﻪﯿﺷﺎﺣ ﺎﺑ ﯽﺷﺭﺎﻔﺳ ﺖﺴﯿﻟ

<!DOCTYPE html>
<html>
<head>
<style>
ul {
  border-left: 5px solid red;
  background-color: #f1f1f1;
  list-style-type: none;
  padding: 10px 20px;
}
</style>
</head>
<body>

<h2>List with a red left border</h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

</body>
</html>


.ﺪﻫﺩﯽﻣ ﻥﺎﺸﻧ ﺍﺭ ﻪﻟﻮﻠﮔ ﻥﻭﺪﺑ ﺭﺍﺩﻪﯿﺷﺎﺣ ﺖﺴﯿﻟ ﮏﯾ ﺩﺎﺠﯾﺍ ﻩﻮﺤﻧ ﻝﺎﺜﻣ ﻦﯾﺍ

ﺽﺮﻋ ﻡﺎﻤﺗ ﺭﺍﺩﻪﯿﺷﺎﺣ ﺖﺳﺮﻬﻓ

<!DOCTYPE html>
<html>
<head>
<style>
ul {
  list-style-type: none;
  padding: 0;
  border: 1px solid #ddd;
}

ul li {
  padding: 8px 16px;
  border-bottom: 1px solid #ddd;
}

ul li:last-child {
  border-bottom: none
}
</style>
</head>
<body>

<h2>A bordered list</h2>

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

</body>
</html>


.ﺪﻫﺩ ﯽﻣ ﻥﺎﺸﻧ CSS ﺭﺩ ﺍﺭ ﺎﻫ ﻢﺘﯾﺁ ﺖﺴﯿﻟ ﻒﻠﺘﺨﻣ ﯼﺎﻫﺮﮕﻧﺎﺸﻧ ﻡﺎﻤﺗ ﻝﺎﺜﻣ ﻦﯾﺍ

ﺎﻫ ﺖﺴﯿﻟ ﯼﺍﺮﺑ ﺎﻫ ﻢﺘﯾﺁ ﺖﺴﯿﻟ ﻒﻠﺘﺨﻣ ﯼﺎﻫﺮﮕﻧﺎﺸﻧ ﻪﻤﻫ

<!DOCTYPE html>
<html>
<head>
<style>
ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
ul.c {list-style-type: square;}

ol.d {list-style-type: armenian;}
ol.e {list-style-type: cjk-ideographic;}
ol.f {list-style-type: decimal;}
ol.g {list-style-type: decimal-leading-zero;}
ol.h {list-style-type: georgian;}
ol.i {list-style-type: hebrew;}
ol.j {list-style-type: hiragana;}
ol.k {list-style-type: hiragana-iroha;}
ol.l {list-style-type: katakana;}
ol.m {list-style-type: katakana-iroha;}
ol.n {list-style-type: lower-alpha;}
ol.o {list-style-type: lower-greek;}
ol.p {list-style-type: lower-latin;}
ol.q {list-style-type: lower-roman;}
ol.r {list-style-type: upper-alpha;}
ol.s {list-style-type: upper-latin;}
ol.t {list-style-type: upper-roman;}
ol.u {list-style-type: none;}
ol.v {list-style-type: inherit;}
</style>
</head>
<body>

<h2>All List Style Types</h2>

<ul class="a">
  <li>Circle type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="b">
  <li>Disc type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="c">
  <li>Square type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ol class="d">
  <li>Armenian type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="e">
  <li>Cjk-ideographic type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="f">
  <li>Decimal type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="g">
  <li>Decimal-leading-zero type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="h">
  <li>Georgian type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="i">
  <li>Hebrew type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="j">
  <li>Hiragana type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="k">
  <li>Hiragana-iroha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="l">
  <li>Katakana type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="m">
  <li>Katakana-iroha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="n">
  <li>Lower-alpha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="o">
  <li>Lower-greek type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="p">
  <li>Lower-latin type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="q">
  <li>Lower-roman type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="r">
  <li>Upper-alpha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="s">
  <li>Upper-latin type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="t">
  <li>Upper-roman type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="u">
  <li>None type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="v">
  <li>inherit type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

</body>
</html>




CSS ﺖﺳﺮﻬﻓ ﯼﺎﻫ ﯽﮔﮋﯾﻭ ﻡﺎﻤﺗ

list-style

ﺪﻨﮐ ﯽﻣ ﻢﯿﻈﻨﺗ ﻥﻼﻋﺍ ﮏﯾ ﺭﺩ ﺍﺭ ﺖﺴﯿﻟ ﮏﯾ ﺕﺎﯿﺻﻮﺼﺧ ﻡﺎﻤﺗ

list-style-image

ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺖﺳﺮﻬﻓ ﺩﺭﻮﻣ ﺮﮕﻧﺎﺸﻧ ﻥﺍﻮﻨﻋ ﻪﺑ ﺍﺭ ﺮﯾﻮﺼﺗ ﮏﯾ

list-style-position

ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ (ﻪﻟﻮﻠﮔ ﻁﺎﻘﻧ) ﺖﺳﺮﻬﻓ ﺩﺭﻮﻣ ﯼﺎﻫﺮﮕﻧﺎﺸﻧ ﺖﯿﻌﻗﻮﻣ

list-style-type

ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ ﺖﺳﺮﻬﻓ ﺩﺭﻮﻣ ﺮﮕﻧﺎﺸﻧ ﻉﻮﻧ

تمامی حقوق محفوظ است. © BasicIT.org • 2023-2024