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