08_backgrounds_and_borders
dz / mdn / css / 1_css_building_blocks / 08_backgrounds_and_bordersSummary
Backgrounds and Borders
Node Tree
- backgrounds
- border_shorthand
- borders
Nodes
background_property | |
content | Background Property |
children | shorthand_for_bg_longhand |
parents | backgrounds |
background_color | |
content | background-color |
children | accepts_valid_color |
parents | backgrounds |
shorthand_for_bg_longhand | |
content | Shorthand for background longhand properties |
parents | background_property |
accepts_valid_color | |
content | Accepts any valid <color> |
parents | background_color |
background_image | |
content | background-image |
parents | backgrounds |
background_repeat | |
content | background-repeat |
children | tiling_behavior_images |
parents | backgrounds |
background_size | |
content | background-size |
children | keywords |
parents | backgrounds |
tiling_behavior_images | |
content | Controls tiling behavior of images |
children | repeat_options |
parents | background_repeat |
size_image_background | |
content | Use length or percentage to size image to fit in |
parents | backgrounds |
repeat_options | |
content | no-repeat, repeat-x, repeat-y, repeat |
parents | tiling_behavior_images |
background_position | |
content | Background Position |
parents | backgrounds |
gradient_backgrounds | |
content | Gradient Backgrounds |
parents | backgrounds |
background_attachment | |
content | background-attachment |
children | fixed, how_bg_scrolls_with_content (description), local, scroll |
parents | backgrounds |
how_bg_scrolls_with_content | |
content | Specifies how backgrounds scrolls when content scrolls |
parents | background_attachment |
fixed | |
content | fixed |
parents | background_attachment |
local | |
content | local |
children | fixes_bg_to_elem |
parents | background_attachment |
fixes_bg_to_elem | |
content | Fixes background to element it is set on. It scrools with element scroll. |
parents | local |
keywords | |
content | keywords |
children | contain, cover |
parents | background_size |
scroll | |
content | scroll |
parents | background_attachment |
cover | |
content | cover |
parents | keywords |
contain | |
content | contain |
parents | keywords |
background_shorthand_property | |
content | Background shorthand property |
children | multi_bg_comma_sep, set_props_simultaneously |
parents | backgrounds |
set_props_simultaneously | |
content | Lets you set all the different properties at once |
parents | background_shorthand_property |
multi_bg_comma_sep | |
content | Multiple backgrounds are separated by a comma |
parents | background_shorthand_property |
borders | |
content | Borders |
children | border_radius, rounded_corners |
border_shorthand | |
content | Typically use "border" shorthand |
rounded_corners | |
content | Rounded Corners |
parents | borders |
border_radius | |
content | border-radius |
parents | borders |