08_backgrounds_and_borders

dz / mdn / css / 1_css_building_blocks / 08_backgrounds_and_borders

Summary

Backgrounds and Borders

Node Tree

• border_shorthand
• borders
  • rounded_corners
  • border_radius
• backgrounds
  • gradient_backgrounds
  • size_image_background
  • background_attachment
    • fixed
    • how_bg_scrolls_with_content
    • local
      • fixes_bg_to_elem
    • scroll
  • background_color
    • accepts_valid_color
  • background_image
  • background_position
  • background_property
    • shorthand_for_bg_longhand
  • background_repeat
    • tiling_behavior_images
      • repeat_options
  • background_shorthand_property
    • multi_bg_comma_sep
    • set_props_simultaneously
  • background_size
    • keywords
      • contain
      • cover

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	gradient_backgrounds, size_image_background, background_attachment, background_color, background_image, background_position, background_property, background_repeat, background_shorthand_property, background_size

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	rounded_corners, border_radius

border_shorthand
content	Typically use "border" shorthand

rounded_corners
content	Rounded Corners
parents	borders

border_radius
content	border-radius
parents	borders