✔️ border-block-style CSS Style Property

המאפיין border-block-style מגדיר את הסגנון של גבולות של אלמנט בכיוון הבלוק

דוגמא: שנה הגדרת סגנון מסגרת עליונה ותחתונה לאלמנט בלבד

Demo Panel:

cssguide

CSS:

HTML: 222

Syntax:

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

Valid values:

none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset

Js Syntax: element.style.borderBlockStyle

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

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

דוגמא: שנה לחוד הגדרת סגנון מסגרת עליונה ותחתונה לאלמנט בלבד

Demo Panel:

cssguide

CSS:

HTML: 222