Properties Flashcards

1
Q

accent-color

A

specifies the accent color for user-interface controls like:

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

accent-color syntax

A

accent-color: auto|color|initial|inherit;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

accent-color : color

A

Specifies the color to be used as the accent color. All legal color values can be used (rgb, hex, named-color, etc).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

align-content

A

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).

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

align-content syntax

A

align-content: stretch|center|flex-start|flex-end|space-between|space-around|space-evenly|initial|inherit;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

align-content: stretch

A

Default value. Lines stretch to take up the remaining space

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

align-content: center

A

G

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

align-content: flex-start

A

G

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

align-content: flex-end

A

Lines are packed toward the end of the flex container

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

align-content: space-between

A

Lines are evenly distributed in the flex container

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

align-content: space-around

A

Hh

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

align-content: space-evenly

A

H

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

align-items

A

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.

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

align-items syntax

A

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

align-items: stretch

A

Hh

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

align-items: center

A

Hh

17
Q

align-items: flex-start

A

H

18
Q

align-items: flex-end

A

Jj

19
Q

align-items: baseline

A

Items are positioned at the baseline of the container

20
Q

align-self

A

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.

21
Q

align-self syntax

A

align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;

22
Q

align-self: stretch

A

Hh

23
Q

align-self: center

A

Hh

24
Q

align-self: flex-start

A

Hh

25
Q

align-self: flex-end

A

Hh

26
Q

align-self: baseline

A

Hu

27
Q

all

A

Resets all properties, apart from unicode-bidi and direction, to their initial or inherited value.

28
Q

animation

A

Hh

29
Q

animation-delay

A

Be

30
Q

animation-direction

A

GF

31
Q

animation-duration

A

Hh

32
Q

animation-fill-mode

A

Hh

33
Q

animation-iteration-count

A

Hh