Properties Flashcards
accent-color
specifies the accent color for user-interface controls like:
accent-color syntax
accent-color: auto|color|initial|inherit;
accent-color : color
Specifies the color to be used as the accent color. All legal color values can be used (rgb, hex, named-color, etc).
align-content
Modifies the behavior of the flex-wrap property. It is similar to align-items, but instead of aligning flex items, it aligns flex lines.
Note: There must be multiple lines of items for this property to have any effect!
Tip: Use the justify-content property to align the items on the main-axis (horizontally).
align-content syntax
align-content: stretch|center|flex-start|flex-end|space-between|space-around|space-evenly|initial|inherit;
align-content: stretch
Default value. Lines stretch to take up the remaining space
align-content: center
G
align-content: flex-start
G
align-content: flex-end
Lines are packed toward the end of the flex container
align-content: space-between
Lines are evenly distributed in the flex container
align-content: space-around
Hh
align-content: space-evenly
H
align-items
The align-items property specifies the default alignment for items inside the flexible container.
Tip: Use the align-self property of each item to override the align-items property.
align-items syntax
align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;
align-items: stretch
Hh
align-items: center
Hh
align-items: flex-start
H
align-items: flex-end
Jj
align-items: baseline
Items are positioned at the baseline of the container
align-self
The align-self property specifies the alignment for the selected item inside the flexible container.
Note: The align-self property overrides the flexible container’s align-items property.
align-self syntax
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
align-self: stretch
Hh
align-self: center
Hh
align-self: flex-start
Hh
align-self: flex-end
Hh
align-self: baseline
Hu
all
Resets all properties, apart from unicode-bidi and direction, to their initial or inherited value.
animation
Hh
animation-delay
Be
animation-direction
GF
animation-duration
Hh
animation-fill-mode
Hh
animation-iteration-count
Hh