ﺮﺼﺘﺨﻣ ﺕﺎﺼﺘﺨﻣ - CSS ﯼﺎﻫﺯﺮﻣ

فهرست مطالب

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

CSS Border - ﺮﺼﺘﺨﻣ ﺕﺎﺼﺘﺨﻣ

.ﺪﯾﺮﯿﮕﺑ ﺮﻈﻧ ﺭﺩ ﺎﻫﺯﺮﻣ ﺎﺑ ﺩﺭﻮﺧﺮﺑ ﻡﺎﮕﻨﻫ ﺪﯾﺎﺑ ﻪﮐ ﺩﺭﺍﺩ ﺩﻮﺟﻭ ﯼﺩﺎﯾﺯ ﯼﺎﻫ ﯽﮔﮋﯾﻭ ،ﺪﯾﺩﺮﮐ

ﺩﺮﮐ ﺺﺨﺸﻣ ﻥﺁ ﺭﺩ ﺍﺭ ﯼﺯﺮﻣ ﺕﺎﯿﺻﻮﺼﺧ ﻡﺎﻤﺗ ﻥﺍﻮﺗ ﯽﻣ ﻦﯿﻨﭽﻤﻫ ،ﺪﮐ ﻥﺩﺮﮐ ﻩﺎﺗﻮﮐ ﯼﺍﺮﺑ

:ﺖﺳﺍ ﺮﯾﺯ ﯼﺩﺮﻓ ﻪﯿﺷﺎﺣ ﺕﺎﯿﺻﻮﺼﺧ ﯼﺍﺮﺑ ﺮﺼﺘﺨﻣ ﯽﮔﮋﯾﻭ ﮏﯾ clas

  • class="w3-codespan">border-width
  • class="w3-codespan">border-style (required)
  • class="w3-codespan">border-color

ﻝﺎﺜﻣ

p {	border: 5px solid red;
}

:ﻪﺠﯿﺘﻧ

Some text

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

<!DOCTYPE html>
<html>
<head>
<style>
p {
  border: 5px solid red;
}
</style>
</head>
<body>

<h2>The border Property</h2>

<p>This property is a shorthand property for border-width, border-style, and border-color.</p>

</body>
</html>

:ﺪﯿﻨﮐ ﺺﺨﺸﻣ ﻑﺮﻃ ﮏﯾ ﯼﺍﺮﺑ ﻂﻘﻓ ﺍﺭ ﯼﺯﺮﻣ ﺕﺎﯿﺻﻮﺼﺧ ﻡﺎﻤﺗ ﺪﯿﻧﺍﻮﺗ ﯽﻣ ﻦﯿﻨﭽﻤﻫ ﺎﻤﺷ

ﭗﭼ ﺯﺮﻣ

p {	border-left: 6px solid red;
}

:ﻪﺠﯿﺘﻧ

Some text

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

<!DOCTYPE html>
<html>
<head>
<style>
p {
  border-left: 6px solid red;
  background-color: lightgrey;
}
</style>
</head>
<body>

<h2>The border-left Property</h2>
<p>This property is a shorthand property for border-left-width, border-left-style, and border-left-color.</p>

</body>
</html>

ﻦﯿﯾﺎﭘ ﻪﯿﺷﺎﺣ

p {	border-bottom: 6px solid red;
}

:ﻪﺠﯿﺘﻧ

Some text

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

<!DOCTYPE html>
<html>
<head>
<style>
p {
  border-bottom: 6px solid red;
  background-color: lightgrey;
}
</style>
</head>
<body>

<h2>The border-bottom Property</h2>
<p>This property is a shorthand property for border-bottom-width, border-bottom-style, and border-bottom-color.</p>

</body>
</html>