Roots
Back

Other CSS

Color

color: name / code

name - The name of a color. There are many different words which are recognised, such as aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
code - The hex code for a color.

Height

height: value / percentage

value - The height of the element in pixels.
percentage - The height of the element as a percentage of the height of its containing element.

Maximum Height

max-height: value / percentage

value - The upper-limit for the height of the element in pixels.
percentage - The upper-limit for the height of the element as a percentage of the containing element.

Minimum Height

min-height: value / percentage

value - The lower-limit for the height of the element in pixels.
percentage - The lower-limit for the height of the element as a percentage of the containing element.

Width

width: value / percentage

value - The width of the element in pixels.
percentage - The width of the element as a percentage of the containing element.

Maximum Width

max-width: value / percentage

value - The upper-limit for the width of the element in pixels.
percentage - The upper-limit for the width of the element as a percentage of the containing element.

Minimum Width

min-width: value / percentage

value - The lower-limit for the width of the element in pixels.
percentage - The lower-limit for the width of the element as a percentage of the containing element.

Outline Color

outline-color: name / code

name - The name of a color. There are many different words which are recognised, such as aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow.
code - The hex code for a color.

Outline Style

outline-style: none / hidden / dotted / dashed / solid / double / groove / ridge / inset / outset;

none - No outline.
hidden - Outline will not appear.
dotted - outset - The same appearance as for border style.

Outline Width

outline-width: thin / medium / thick / value;

thin - An outline of 1px in width.
medium - An outline of 3px in width.
thick - An outline of 5px in width.
value - The width in pixels.

Visibility

visibility: visible / hidden / collapse;

visible - The element will appear as normal.
hidden - The element will take up its normal size on the page, but will not actually be visible.
collapse - This is used with table rows, or columns to remove them from the table layout.