mdn/css/1_css_building_blocks/08_backgrounds_and_borders

08_backgrounds_and_borders

dz / mdn / css / 1_css_building_blocks / 08_backgrounds_and_borders

Summary

Backgrounds and Borders

Node Tree

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

backgrounds
content Backgrounds
children background_color, background_image, background_position, background_property, background_repeat, background_shorthand_property, background_size, gradient_backgrounds, size_image_background, background_attachment

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