CSS Flashcards

1
Q

align-content

A

Specifies the alignment between the lines inside a flexible container when the items do not use all available workspace

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

align-items

A

Specifies the alignment for items inside flexible container

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

align-self

A

Specifies the alignment for selected items inside a flexible container

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

all

A

Resets all properties(except unicode-bidi and direction)

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

animation

A

A shorthand property for all the animation properties

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

animation-delay

A

Specifies a delay for the start of an animation

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

animation-duration

A

Specifies how long an animation should take to complete one cycle

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

animation-fill-mode

A

Specifies a style for the element when the animation is not playing

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

animation-iteration-count

A

Specifies the number of times an animation should be played

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

animation-name

A

Specifies a name for the @keyframes animation

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

animation-play-state

A

Specifies whether the animation is running or paused

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

animation-timing-function

A

Specifies the speed curve of an animation

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

backface-visibility

A

Defines whether or not the back face of an element should be visible when facing the user

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

background

A

A shorthand property for setting all the background properties in one declaration

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

background-attachment

A

Sets whether a background image scrolls with the rest of the page, or is fixed

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

background-blend-mode

A

Specifies the blending mode of each background layer

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

background-clip

A

Defines how far the background (color or image) should extend within an element

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

background-color

A

Specifies the background color of an element

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

background-image

A

Specifies one or more background images for an element

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

background-origin

A

Specifies the origin position of a background image

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

background-position

A

Specifies the position of a background image

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

background-repeat

A

Sets if/how a background image will be repeated

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

background-size

A

Specifies the size of the background images

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

border

A

A shorthand property for border-width, border-style and border-color

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

border-bottom

A

A shorthand property for setting all the bottom border properties

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

border-bottom-color

A

Sets the color of the bottom border

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

border-bottom-left-radius

A

Defines the radius of the border of the bottom-left corner

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

border-bottom-right-radius

A

Defines the radius of the border of the bottom-right corner

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

border-bottom-style

A

Sets the style of the bottom border

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

border-bottom-width

A

Sets whether table borders should collapse into a single border or be separated

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

border-color

A

Sets the color of the four borders

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

border-image

A

A shorthand property for setting all the border-image-* properties

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

border-image-outset

A

Specifies the amount by which the border image area extends beyond the border box

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

border-image-repeat

A

Specifies whether the border image should be repeated, rounded or stretched

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

border-image-slice

A

Specifies how to slice the border image

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

border-image-source

A

Specifies the path to the image to be used as a border

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

border-image-width

A

Specifies the width of the border image

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

border-left

A

A shorthand property for setting all the left border properties in one declaration

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

border-left-color

A

Sets the color of the left border

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

border-left-style

A

Sets the style of the left border

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

border-left-width

A

Sets the width of the left border

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

border-radius

A

A shorthand property for setting all the four border radius properties

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

border-right

A

A shorthand property for setting all the right border properties in one declaration

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

border-right-color

A

Sets the color of the right border

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

border-right-style

A

Sets the style of the right border

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

border-right-width

A

Sets the width of the right border

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

border-spacing

A

Sets the distance between the borders of adjacent cells

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

border-style

A

Sets the style of the four borders

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

border-top

A

A shorthand property for setting all the top border properties in one declaration

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

border-top-color

A

Sets the color of the top border

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

border-top-left-radius

A

Defines the radius of the border of the top-left corner

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

border-top-right-radius

A

Defines the radius of the border of the top-right corner

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

border-top-style

A

Sets the style of the top border

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

border-top-width

A

Sets the width of the top border

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

border-width

A

Sets the width of the four borders

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

bottom

A

Sets the elements position, from the bottom of its parent element

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

box-decoration-break

A

Sets the behaviour of the background and border of an element at a page-break, or, for in-line elements, at line-break

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

box-shadow

A

Define how the width and height of an element are calculated: should they include padding and borders or not

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

break-after

A

Specifies the page-, column-, or region-break behavioru before the generated box

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

break-inside

A

Specifies the page-, column-, or region-break behaviour inside the generated box

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

caption-side

A

Specifies the placement of a table caption

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

caret-color

A

Specifies the character encoding used in the style sheet

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

clear

A

Specifies on which sides of an element floating elements are not allowed to float

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

clip

A

Clips an absolutely positioned element

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

color

A

Sets the color of text

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

column-count

A

Specifies the number of columns an element should be divided into

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

column-count

A

Specifies the number of columns an element should be divided into

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

column-fill

A

Specifies how to fill columns, balanced or not

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

column-gap

A

Specifies the gap between the columns

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

column-rule

A

A shorthand property for setting all the column-rule- properties

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

column-rule-color

A

Specifies the color of the rule between columns

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

column-rule-style

A

Specifies the style of the rule between columns

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

column-rule-width

A

Specifies the width of the rule between columns

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

column-span

A

Specifies how many columns an element should span accross

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

column-width

A

Specifies the column width

76
Q

column-width

A

Specifies the column width

77
Q

columns

A

A shorthand property for setting column-width and column-count

78
Q

content

A

Used with the :before and :after pseudo-elements, to insert generated content

79
Q

counter-increment

A

Increases or decreases the value of one or more CSS counters

80
Q

counter-increment

A

Increases or decreases the value of one or more CSS counters

81
Q

counter-reset

A

Creates or resets one or more CSS counters

82
Q

cursor

A

Specifies the mouse cursor to be displayed when pointing over an element

83
Q

direction

A

Specifies the text direction/writing direction

84
Q

display

A

Specifies how a certain HTML element should be displayed

85
Q

empty-cells

A

Specifies whether or not to display borders and background on empty cells in a table

86
Q

filter

A

Defines effects on an element before the element is displayed

87
Q

flex

A

A shorthand property for the flex-grow, flex-shrink, and the flex-basis properties

88
Q

flex-basis

A

Specifies the initial length of a flexible item

89
Q

flex-direction

A

Specifies the direction of the flexible items

90
Q

flex-flow

A

A shorthand property for the flex-direction and the flex-wrap properties

91
Q

flex-grow

A

Specifies how much the item will grow relative to the rest

92
Q

flex-shrink

A

Specifies how the item will shrink relative to the rest

93
Q

flex-wrap

A

Specifies whether the flexible items should wrap or not

94
Q

float

A

Specifies whether or not a box should float

95
Q

font

A

Sets all the font properties in one declaration

96
Q

@font-face

A

A rule that allows websites to download and use fonts other than the “web safe” fonts

97
Q

font-family

A

Specifies the font family for text

98
Q

font-feature-settings

A

Allow control over advanced typographic features in OpenType fonts

99
Q

@font-feature-values

A

Allows authors to use a common name in font-variant-alternate for feature activated differently in OpenType

100
Q

font-kerning

A

Controls the usage of the kerning information

101
Q

font-language-override

A

Controls the usage of language-specific glyphs in a typeface

102
Q

font-size

A

Specifies the font size of text

103
Q

font-size-adjust

A

Preserves the readability of text when font fallback occurs

104
Q

font-stretch

A

Selects a normal, condensed, or expanded face from a font family

105
Q

font-style

A

Specifies the font style for text

106
Q

font-synthesis

A

Controls which missing typefaces may be synthesized by the browser

107
Q

font-variant

A

Specifies whether or not a text should be displayed in a small-caps font

108
Q

font-variant-alternates

A

Controls the usage of alternate glyphs associated to alternative names defines in @font-feature-values

109
Q

font-weight

A

Specifies the weight of a font

110
Q

grid

A

A shorthand property

111
Q

grid-area

A

Either specifies a name for the grid item, or this property is a shorthand property for the row/column properties

112
Q

grid-auto-columns

A

Specifies a default column size

113
Q

grid-auto-flow

A

Specifies how auto-placed items are inserted in the grid

114
Q

grid-auto-rows

A

Specifies a default row size

115
Q

grid-column

A

A shorthand property for the grid-column-start/end properties

116
Q

grid-gap

A

A shorthand property for the grid-row/column-gap properties

117
Q

grid-row

A

A shorthand property for the grid-row-start/end properties

118
Q

grid-template

A

Shorthand property for grid-template-rows/columns/area,

119
Q

hanging-punctuation

A

Specifies whether a punctuation character may be placed outside the line box

120
Q

height

A

Sets the height of an element

121
Q

hyphens

A

Sets how to split words to improve the layout of paragraphs

122
Q

image-orientation

A

Specifies a rotation in the right or clockwise direction that a user agent applies to an image

123
Q

image-rendering

A

Gives a hint to the browser about what aspects of an image are most important to preserve when the image is scaled

124
Q

image-resolution

A

Specifies the intrinsic resolution of all raster images used in/on the element

125
Q

@import

A

Allows you to import a style sheet into another style sheet

126
Q

justify-content

A

Specifies the alignment between the items inside a flexible container the items do not use all available space

127
Q

@keyframes

A

Specifies the animation code

128
Q

left

A

Specifies the left position of a positioned element

129
Q

letter-spacing

A

Increases or decreases the space between characters in a text

130
Q

line-break

A

Specifies how/if to break lines

131
Q

line-height

A

Sets the line height

132
Q

list-style

A

Sets all the properties for a list in one declaration

133
Q

list-style-image

A

Specifies an image as the list-item marker

134
Q

list-style-position

A

Specifies the position of the list-item markers

135
Q

list-style-type

A

Specifies the type of list-item marker

136
Q

margin

A

Sets all the margin properties in one declaration

137
Q

max-height

A

Sets the maximum height of an element

138
Q

max-width

A

Sets the maximum width of an element

139
Q

@media

A

Sets the style rules for different media

140
Q

min-height

A

Sets the minimum height of an element

141
Q

min-width

A

Sets the minimum width of an element

142
Q

object-fit

A

Specifies how the contents of a replaced element should be fitted to the box established by its sed height and width

143
Q

object-position

A

Specifies the alignment of the replaced element inside its box

144
Q

opacity

A

Sets the opacity level for an element

145
Q

order

A

Sets the order of the flexible item, relative to the rest

146
Q

orphans

A

Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside an element

147
Q

outline

A

Sets all the outline properties in one declaration

148
Q

outline-color

A

Sets the color of an outline

149
Q

overflow

A

Specifies what happens if content overflows an elements box

150
Q

overflow-wrap

A

Specifies whether or not the browser may break lines within words in order to prevent overflow

151
Q

padding

A

Sets all the padding properties in one declaration

152
Q

page-break-after

A

Sets the page-breaking behavior after an element

153
Q

page-break-before

A

Sets the page-breaking behavior before an element

154
Q

perspective

A

Specifies the perspective on how 3D elements are viewed

155
Q

position

A

Specifies the type of positioning method used for an element

156
Q

quotes

A

Sets the type of quotation makrs for embedded quotations

157
Q

resize

A

Specifies whether or not an element is resizable by the user

158
Q

right

A

Specifies the right postion of a positioned element

159
Q

tab-size

A

Specfieis the length of the tab-character

160
Q

table-layout

A

Sets the layout algorithm to be used for a table

161
Q

text-align

A

Specifies the horizontal alignment of text

162
Q

text-decoration

A

Specifies the decoration added to text

163
Q

text-indent

A

Specifies the indentation of the first line in a text-block

164
Q

text-justify

A

Specifies the justification method used when text-align is “justify”

165
Q

text-orientation

A

Defines the orientation of the text in a line

166
Q

text-overflow

A

Specifies what should happen when text overflows the containing element

167
Q

text-shadow

A

Adds shadow to text

168
Q

text-transform

A

Controls the capitalization of text

169
Q

top

A

Specfies the top postion of a positioned element

170
Q

transform

A

Applies a 2D or 3D transformation to an element

171
Q

transition-delay

A

Specfies when the transition effect will start

172
Q

transtion-duration

A

Specfies how many seconds or milliseconds a transtion effect takes to complete

173
Q

transition-property

A

Specifies the name of the CSS property the transition effect is for

174
Q

transition-timing-funciton

A

Specifies the speed curve of the transition effect

175
Q

unicode-bidi

A

Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document

176
Q

user-select

A

Specifies whether the text of an element can be selected

177
Q

vertical-align

A

Sets the vertical alignment of an element

178
Q

visibility

A

Specifies whether or not an element is visible

179
Q

white-space

A

Specifies how white-space inside an element is handled

180
Q

widows

A

Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an element

181
Q

width

A

Sets the width of an element

182
Q

word-break

A

Specfies line breaking rules for non-CJK scripts

183
Q

word-spacing

A

Increases or decreases the space between words in a text

184
Q

word-wrap

A

Allows long, unbreakable words to be broken and wrap to the next line

185
Q

z-index

A

Sets the stack order of a positioned element