CSS ﻦﺘﻣ

فهرست مطالب

CSS ﺩﺭﺍﺩ ﻦﺘﻣ ﯼﺪﻨﺑ ﺐﻟﺎﻗ ﯼﺍﺮﺑ ﯼﺩﺎﯾﺯ ﯼﺎﻫ ﯽﮔﮋﯾﻭ.

text formatting

This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from this colored "Try it Yourself" link.

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

<!DOCTYPE html>
<html>
<head>
<style>
div {
  border: 1px solid gray;
  padding: 8px;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  color: #4CAF50;
}

p {
  text-indent: 50px;
  text-align: justify;
  letter-spacing: 3px;
}

a {
  text-decoration: none;
  color: #008CBA;
}
</style>
</head>
<body>

<div>
  <h1>text formatting</h1>
  <p>This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties.
  The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from this colored
  <a target="_blank" href="tryit.asp?filename=trycss_text">"Try it Yourself"</a> link.</p>
</div>

</body>
</html>

ﻦﺘﻣ ﮓﻧﺭ

.ﺩﻮﺷ ﯽﻣ ﻩﺩﺎﻔﺘﺳﺍ ﻦﺘﻣ ﮓﻧﺭ ﻢﯿﻈﻨﺗ ﯼﺍﺮﺑ color ﯽﮔﮋﯾ

"ﺰﻣﺮﻗ" ﺪﻨﻧﺎﻣ - ﮓﻧﺭ ﻡﺎﻧ ﮏﯾ
"ff0000#" ﺪﻨﻧﺎﻣ - HEX ﺭﺍﺪﻘﻣ ﮏﯾ
"rgb(255,0,0)" ﺪﻨﻧﺎﻣ - RGB ﺭﺍﺪﻘﻣ ﮏﯾ

.ﺪﯿﻨﮐ ﻩﺎﮕﻧ CSS ﮓﻧﺭ ﺮﯾﺩﺎﻘﻣ ﻪﺑ ،ﻦﮑﻤﻣ ﮓﻧﺭ ﺮﯾﺩﺎﻘﻣ ﺯﺍ ﻞﻣﺎﮐ ﺖﺴﯿﻟ ﮏﯾ ﯼﺍﺮﺑ

.ﺖﺳﺍ ﻩﺪﺷ ﻒﯾﺮﻌﺗ ﻪﻧﺪﺑ ﺮﮕﺑﺎﺨﺘﻧﺍ ﺭﺩ ﻪﺤﻔﺻ ﮏﯾ ﯼﺍﺮﺑ ﺽﺮﻓ ﺶﯿﭘ ﻦﺘﻣ ﮓﻧﺭ

`ﻝﺎﺜﻣ`

body {
  color: blue;
}

h1 {
  color: green;
}

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

<!DOCTYPE html>
<html>
<head>
<style>
body {
  color: blue;
}

h1 {
  color: green;
}
</style>
</head>
<body>

<h1>This is heading 1</h1>
<p>This is an ordinary paragraph. Notice that this text is blue. The default text color for a page is defined in the body selector.</p>
<p>Another paragraph.</p>

</body>
</html>

`ﻪﻨﯿﻣﺯ ﺲﭘ ﮓﻧﺭ ﻭ ﻦﺘﻣ ﮓﻧﺭ`

:ﻢﯿﻨﮐ ﯽﻣ ﻒﯾﺮﻌﺗ ﺍﺭ color ﯽﮔﮋﯾﻭ ﻢﻫ ﻭ

`ﻝﺎﺜﻣ`

body {
  background-color: lightgrey;
  color: blue;
}

h1 {
  background-color: black;
  color: white;
}

  div {
  background-color: blue;
  color: white;
}

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

<!DOCTYPE html>
<html>
<head>
<style>
body {
  background-color: lightgrey;
  color: blue;
}

h1 {
  background-color: black;
  color: white;
}

div {
  background-color: blue;
  color: white;
}
</style>
</head>
<body>

<h1>This is a Heading</h1>
<p>This page has a grey background color and a blue text.</p>
<div>This is a div.</div>

</body>
</html>

ﻢﻬﻣ: ﺖﺳﺍ ﻢﻬﻣ ﺭﺎﯿﺴﺑ ﻼﺘﺒﻣ ﺩﺍﺮﻓﺍ ﯼﺍﺮﺑ ﻻﺎﺑ ﺖﺳﺍﺮﺘﻨﮐ

`CSS ﻦﺘﻣ ﮓﻧﺭ ﯽﮔﮋﯾﻭ`

color: ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ ﻦﺘﻣ ﮓﻧﺭ


  
    
      ← صفحه قبلی
    
    
      صفحه بعد →