CSS ﺡﺮﻃ ﺽﺮﻋ

فهرست مطالب

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

CSS ﺡﺮﻃ ﺽﺮﻋ

،ﺪﻨﮐ ﯽﻣ ﺺﺨﺸﻣ ﺍﺭ ﯽﻠﮐ ﺡﺮﻃ ﺽﺮﻋ outline-width ﯽﮔﮋ

  • ﮎﺯﺎﻧ (ﻞﺴﮑﯿﭘ 1 ﻻًﻮﻤﻌﻣ)

  • ﻂﺳﻮﺘﻣ (ﻞﺴﮑﯿﭘ 3 ﻻًﻮﻤﻌﻣ)

  • ﻢﯿﺨﺿ (ﻞﺴﮑﯿﭘ 5 ﻻًﻮﻤﻌﻣ)

  • (ﻩﺮﯿﻏ ﻭ px، pt، cm، em ﺭﺩ) ﺹﺎﺧ ﻩﺯﺍﺪﻧﺍ ﮏﯾ

:ﺪﻫﺩ ﯽﻣ ﻥﺎﺸﻧ ﻒﻠﺘﺨﻣ ﯼﺎﻫ ﺽﺮﻋ ﺎﺑ ﺍﺭ ﻁﻮﻄﺧ ﯽﺧﺮﺑ ﺮﯾﺯ ﻝﺎﺜﻣ

A thin outline.

A medium outline.

A thick outline.

A 4px thick outline.

ﻝﺎﺜﻣ

 p.ex1
{
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
   
outline-width: thin;
}
p.ex2
{
  border: 1px solid black;
   
outline-style: solid;
  outline-color: red;
  outline-width: medium;
}
p.ex3
{
  border: 1px solid black;
   
outline-style: solid;
  outline-color: red;
  outline-width: thick;
}

p.ex4
{
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
   
outline-width: 4px;
}

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

<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thin;
}

p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: medium;
}

p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thick;
}

p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;
}
</style>
</head>
<body>

<h2>The outline-width Property</h2>

<p class="ex1">A thin outline.</p>
<p class="ex2">A medium outline.</p>
<p class="ex3">A thick outline.</p>
<p class="ex4">A 4px thick outline.</p>

</body>
</html>