اجرا ❯
بازگشت
به
آموزشگاه
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html dir="rtl"> <head> <style> p.ex1 { border: 2px solid black; outline-style: solid; outline-color: hsl(0, 100%, 50%); /* red */ } p.ex2 { border: 2px solid black; outline-style: dotted; outline-color: hsl(240, 100%, 50%); /* blue */ } p.ex3 { border: 2px solid black; outline-style: solid; outline-color: hsl(0, 0%, 73%); /* grey */ } </style> </head> <body> <h2>ویژگی outline-color در CSS</h2> <p>رنگ outline می تواند با استفاده از یک مقدار HSL نیز مشخص شود:</p> <p style="border: 2px solid black;outline-style:solid;outline-color:red;padding: 2px 4px;">یک outline قرمز solid</p> <p style="border: 2px solid black;outline-style:dotted;outline-color:blue;padding: 2px 4px;">یک outline آبی dotted</p> <p style="border: 2px solid black;outline-style:outset;outline-color:grey;padding: 2px 4px;">یک outline خاکستری outset</p> </body> </html>
