CSS ﻢﻠﻗ ﮏﺒﺳ

فهرست مطالب

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

ﻢﻠﻗ ﻉﻮﻧ

.ﺩﻮﺷ ﯽﻣ ﻩﺩﺎﻔﺘﺳﺍ ﮏﯿﻟﺎﺘﯾﺍ ﻦﺘﻣ ﻦﯿﯿﻌﺗ ﯼﺍﺮﺑ ﺮﺘﺸﯿﺑ font-st

:ﺩﺭﺍﺩ ﺭﺍﺪﻘﻣ ﻪﺳ ﯽﮔﮋﯾﻭ ﻦﯾﺍ

  • ﺩﻮﺷ ﯽﻣ ﻩﺩﺍﺩ ﻥﺎﺸﻧ ﻝﻮﻤﻌﻣ ﺭﻮﻃ ﻪﺑ ﻦﺘﻣ - ﯼﺩﺎﻋ

  • italic - ﺖﺳﺍ ﻩﺪﺷ ﻩﺩﺍﺩ ﻥﺎﺸﻧ ﺏﺭﻮﻣ ﺕﺭﻮﺻ ﻪﺑ ﻦﺘﻣ

  • ﺖﺳﺍ "ﻞﯾﺎﻤﺘﻣ" ﻦﺘﻣ - ﻞﯾﺎﻣ

ﻝﺎﺜﻣ

p.normal {
  font-style: normal;
}

p.italic {
  font-style: italic;
}

p.oblique {
  font-style: oblique;
}

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

<!DOCTYPE html>
<html>
<head>
<style>
p.normal {
  font-style: normal;
}

p.italic {
  font-style: italic;
}

p.oblique {
  font-style: oblique;
}
</style>
</head>
<body>

<h1>The font-style property</h1>

<p class="normal">This is a paragraph in normal style.</p>
<p class="italic">This is a paragraph in italic style.</p>
<p class="oblique">This is a paragraph in oblique style.</p>

</body>
</html>

ﻢﻠﻗ ﻥﺯﻭ

:ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ ﺖﻧﻮﻓ ﮏﯾ ﻥﺯﻭ font-weight ﯽﮔﮋﯾﻭ

ﻝﺎﺜﻣ

p.normal {
  font-weight: normal;
}

p.thick {
  font-weight: bold;
}

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

<!DOCTYPE html>
<html>
<head>
<style>
p.normal {
  font-weight: normal;
}

p.light {
  font-weight: lighter;
}

p.thick {
  font-weight: bold;
}

p.thicker {
  font-weight: 900;
}
</style>
</head>
<body>

<h1>The font-weight property</h1>

<p class="normal">This is a paragraph.</p>
<p class="light">This is a paragraph.</p>
<p class="thick">This is a paragraph.</p>
<p class="thicker">This is a paragraph.</p>

</body>
</html>

ﺖﻧﻮﻓ ﻉﻮﻧ

ﺪﯾﺎﺑ ﻦﺘﻣ ﮏﯾ ﺎﯾﺁ ﻪﮐ ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ font-variant ﯽ

ﺪﻧﻮﺷ ﯽﻣ ﻞﯾﺪﺒﺗ ﮒﺭﺰﺑ ﻑﻭﺮﺣ ﻪﺑ ﮏﭼﻮﮐ ﻑﻭﺮﺣ ﻡﺎﻤﺗ ،ﮏﭼﻮﮐ ﻑﻭﺮﺣ ﺎﺑ ﺖﻧﻮﻓ ﮏﯾ ﺭﺩ

ﻝﺎﺜﻣ

p.normal {
  font-variant: normal;
}

p.small {
  font-variant: small-caps;
}

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

<!DOCTYPE html>
<html>
<head>
<style>
p.normal {
  font-variant: normal;
}

p.small {
  font-variant: small-caps;
}
</style>
</head>
<body>

<h1>The font-variant property</h1>

<p class="normal">My name is Hege Refsnes.</p>
<p class="small">My name is Hege Refsnes.</p>

</body>
</html>