CSS Outline ﻪﺻﻼﺧ ﯽﮔﮋﯾﻭ

فهرست مطالب

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

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

ﯼﺍﺮﺑ ﺮﺼﺘﺨﻣ ﯽﮔﮋﯾﻭ ﮏﯾ outline ﯽﮔﮋﯾﻭ

  • outline-width
  • outline-style
  • outline-color

ﯽﻠﮐ ﺡﺮﻃ ﺖﺳﺍ ﺯﺎﯿﻧ ﺩﺭﻮﻣ.

،ﺖﺳﺍ ﻩﺪﺷ ﺺﺨﺸﻣ ﮏﯾ ﻥﺍﻮﻨﻋ ﻪﺑ outline ﯽﮔﮋﯾﻭ

.ﺪﻫﺩ ﯽﻣ ﻥﺎﺸﻧ ﺍﺭ ﯽﻠﮐ ﺡﺮﻃ<"code class="w3-codespan> ﻪﺻﻼﺧ ﺎﺑ ﻩﺪﺷ ﺺﺨﺸﻣ ﯽﻠﮐ

A dashed outline.

A dotted red outline.

A 5px solid yellow outline.

A thick ridge pink outline.

ﻝﺎﺜﻣ

p.ex1
{outline: dashed;}
p.ex2
{outline: dotted red;}
p.ex3
{outline: 5px solid yellow;}
p.ex4
{outline: thick ridge pink;}

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

<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}
</style>
</head>
<body>

<h2>The outline Property</h2>

<p class="ex1">A dashed outline.</p>
<p class="ex2">A dotted red outline.</p>
<p class="ex3">A 5px solid yellow outline.</p>
<p class="ex4">A thick ridge pink outline.</p>

</body>
</html>