border

The size of the border. The value can be an integer (all sides are the same size), a table of two (top and bottom, right and left), or a table of four (top, right, bottom, left).

Value Description
initial 0
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    border = 5,
}}
{ "inline", {
    border = { 5, 10 },
}}
{ "inline", {
    border = { 50, 3, 3, 3 },
}}

border_bottom

The size of the border.

Value Description
initial 0
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    border_bottom = 5,
}}

border_bottom_color

A table of integers representing the RGBA values of the border.

Value Description
initial { 255, 255, 255, 255 }
inherit Uses the immediate parent's value (or nil)
{ ".red", {
    border_bottom_color = { 255, 0, 0, 255 },
}}

border_bottom_left_radius

The radius of the rounded edge.

Value Description
initial 0
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    border_bottom_left_radius = 5,
}}

border_bottom_right_radius

The radius of the rounded edge.

Value Description
initial 0
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    border_bottom_right_radius = 5,
}}

border_color

A table or a table of a table of integers representing the RGBA values of the border. If a single table is present, that color will be set for all borders. If two are present, they will be set top and bottom, right and left. If four are present, they will be set top, right, bottom, left.

Value Description
initial { 255, 255, 255, 255 }
inherit Uses the immediate parent's value (or nil)
{ ".red", {
    border_color = { 255, 0, 0, 255 },
}}
{ ".red_green", {
    border_color = {
        { 255, 0, 0, 255 },
        { 0, 255, 0, 255 },
    },
}}
{ ".red_green_blue_black", {
    border_color = {
        { 255, 0, 0, 255 },
        { 0, 255, 0, 255 },
        { 0, 0, 255, 255 },
        { 0, 0, 0, 255 },
    },
}}

border_left

The size of the border.

Value Description
initial 0
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    border_left = 5,
}}

border_left_color

A table of integers representing the RGBA values of the border.

Value Description
initial { 255, 255, 255, 255 }
inherit Uses the immediate parent's value (or nil)
{ ".red", {
    border_left_color = { 255, 0, 0, 255 },
}}

border_radius

The radii of the rounded edges. The value can be an integer (all corners of the same radius), a table of two (top, bottom), or a table of four (top-left, top-right, bottom-right, bottom-left).

Value Description
initial 0
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    border_radius = 5,
}}
{ "inline", {
    border_radius = { 0, 10 },
}}
{ "inline", {
    border_radius = { 0, 0, 10, 0 },
}}

border_right

The size of the border.

Value Description
initial 0
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    border_right = 5,
}}

border_right_color

A table of integers representing the RGBA values of the border.

Value Description
initial { 255, 255, 255, 255 }
inherit Uses the immediate parent's value (or nil)
{ ".red", {
    border_right_color = { 255, 0, 0, 255 },
}}

border_top

The size of the border.

Value Description
initial 0
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    border_top = 5,
}}

border_top_color

A table of integers representing the RGBA values of the border.

Value Description
initial { 255, 255, 255, 255 }
inherit Uses the immediate parent's value (or nil)
{ ".red", {
    border_top_color = { 255, 0, 0, 255 },
}}

border_top_left_radius

The radius of the rounded edge.

Value Description
initial 0
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    border_top_left_radius = 5,
}}

border_top_right_radius

The radius of the rounded edge.

Value Description
initial 0
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    border_top_right_radius = 5,
}}

box_shadow

Currently not implemented.

Value Description
initial Resets value to default
inherit Uses the immediate parent's value (or nil)
{ "inline", {
    box_shadow = "initial",
}}