Learn efficiently and remember over time.
Start Long-Term Learning
Add this set to a folder
This refers to the spacing around the OUTSIDE of an element. Use should use these to prevent clutter on your website. These can be applied to any element, not only containers.
NOT the same as a margin. This expands a container element's borders outward away from it's content by a given amount. Think of this as being on the INSIDE and margins as being on the OUTSIDE.
parent container element
the element that contains other elements
Example - the body element is this to the header and article elements.
the element placed inside another element
Example - the header and article elements are this to the body element.
to do this within its parent element, set the value of the child container to AUTO; this will automatically set the margins of each side evenly
border-style (list the 8 types that can be applied)
ridge, dashed, double, inset, dotted, solid, groove, outset
border-color (tell what this does and what formats it can be written in)
This property will define the color of the border applied to an element. It can be written in hex or rgb format.
border-width (tell what this does and what form the value can be in)
This property will define the thickness of the border around an element. The value can be in the form of keywords or specific units of measure.
border-width: (tell how to define the width with examples)
border-width: thin, medium, thick, 1mm, .5cm, 10px, 5pt, etc.
border shortcut notation
generally the border-style,
border-color, and border-width properties will all three be applied
together, therefore the style can be written in a shortcut form without
writing out all three individual properties
border: style color width
<div style="border:solid #ff0000 3px">