monks_of_style - v1.0.0

monks/border_style

The border-style shorthand CSS property sets the line style for all four sides of an element’s border.

Values

dashed

</> 
pub const dashed: #(String, String)
  - : Displays a series of short square-ended dashes or line segments. The exact size and length of the segments are not defined by the specification and are implementation-specific.

dotted

</> 
pub const dotted: #(String, String)
  - : Displays a series of rounded dots. The spacing of the dots is not defined by the specification and is implementation-specific. The radius of the dots is half the computed value of the same side's {{cssxref("border-width")}}.

double

</> 
pub const double: #(String, String)
  - : Displays two straight lines that add up to the pixel size defined by {{cssxref("border-width")}}.

groove

</> 
pub const groove: #(String, String)
  - : Displays a border with a carved appearance. It is the opposite of `ridge`.

hidden

</> 
pub const hidden: #(String, String)
  - : Like the `none` keyword, displays no border. Unless a {{cssxref("background-image")}} is set, the computed value of the same side's {{cssxref("border-width")}} will be `0`, even if the specified value is something else. In the case of table cell and border collapsing, the `hidden` value has the _highest_ priority: if any other conflicting border is set, it won't be displayed.

inherit

</> 
pub const inherit: #(String, String)

initial

</> 
pub const initial: #(String, String)

inset

</> 
pub const inset: #(String, String)
  - : Displays a border that makes the element appear embedded. It is the opposite of `outset`. When applied to a table cell with {{cssxref("border-collapse")}} set to `collapsed`, this value behaves like `ridge`.

none

</> 
pub const none: #(String, String)
  - : Like the `hidden` keyword, displays no border. Unless a {{cssxref("background-image")}} is set, the computed value of the same side's {{cssxref("border-width")}} will be `0`, even if the specified value is something else. In the case of table cell and border collapsing, the `none` value has the _lowest_ priority: if any other conflicting border is set, it will be displayed.

outset

</> 
pub const outset: #(String, String)
  - : Displays a border that makes the element appear embossed. It is the opposite of `inset`. When applied to a table cell with {{cssxref("border-collapse")}} set to `collapsed`, this value behaves like `groove`.

raw

</> 
pub fn raw(value: String) -> #(String, String)

Enter a raw string value for border-style

revert

</> 
pub const revert: #(String, String)

revert_layer

</> 
pub const revert_layer: #(String, String)

ridge

</> 
pub const ridge: #(String, String)
  - : Displays a border with an extruded appearance. It is the opposite of `groove`.

solid

</> 
pub const solid: #(String, String)
  - : Displays a single, straight, solid line.

unset

</> 
pub const unset: #(String, String)

var

</> 
pub fn var(variable: String) -> #(String, String)

Enter a variable name to be used for border-style. It will be wrapped in var() and have -- prepended.

✨ Search Document