✔️ outline-style CSS Style Property

המאפיין outline-style מגדיר סגנון מסגרת מוצגת מחוץ לאלמנט בשונה מהמאפיין border אשר מוצג בתוך גבולות האלמנט

דוגמא: שנה את סגנון המסגרת

Demo Panel:

cssguide

CSS:

HTML: 222

Syntax:

outline-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit;

Valid values:

none, dotted, dashed, solid, double, groove, ridge, inset, outset, revert, revert-layer, unset, initial, inherit

Js Syntax: element.style.outlineStyle

תאימות דפדפנים

outline-style
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
solid	✔️	✔️	✔️	✔️
none	✔️	✔️	✔️	✔️
dotted	✔️	✔️	✔️	✔️
dashed	✔️	✔️	✔️	✔️
double	✔️	✔️	✔️	✔️
groove	✔️	✔️	✔️	✔️
ridge	✔️	✔️	✔️	✔️
inset	✔️	✔️	✔️	✔️
outset	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️