CSS Flashcards
(185 cards)
1
Q
align-content
A
Specifies the alignment between the lines inside a flexible container when the items do not use all available workspace
2
Q
align-items
A
Specifies the alignment for items inside flexible container
3
Q
align-self
A
Specifies the alignment for selected items inside a flexible container
4
Q
all
A
Resets all properties(except unicode-bidi and direction)
5
Q
animation
A
A shorthand property for all the animation properties
6
Q
animation-delay
A
Specifies a delay for the start of an animation
7
Q
animation-duration
A
Specifies how long an animation should take to complete one cycle
8
Q
animation-fill-mode
A
Specifies a style for the element when the animation is not playing
9
Q
animation-iteration-count
A
Specifies the number of times an animation should be played
10
Q
animation-name
A
Specifies a name for the @keyframes animation
11
Q
animation-play-state
A
Specifies whether the animation is running or paused
12
Q
animation-timing-function
A
Specifies the speed curve of an animation
13
Q
backface-visibility
A
Defines whether or not the back face of an element should be visible when facing the user
14
Q
background
A
A shorthand property for setting all the background properties in one declaration
15
Q
background-attachment
A
Sets whether a background image scrolls with the rest of the page, or is fixed
16
Q
background-blend-mode
A
Specifies the blending mode of each background layer
17
Q
background-clip
A
Defines how far the background (color or image) should extend within an element
18
Q
background-color
A
Specifies the background color of an element
19
Q
background-image
A
Specifies one or more background images for an element
20
Q
background-origin
A
Specifies the origin position of a background image
21
Q
background-position
A
Specifies the position of a background image
22
Q
background-repeat
A
Sets if/how a background image will be repeated
23
Q
background-size
A
Specifies the size of the background images
24
Q
border
A
A shorthand property for border-width, border-style and border-color
25
border-bottom
A shorthand property for setting all the bottom border properties
26
border-bottom-color
Sets the color of the bottom border
27
border-bottom-left-radius
Defines the radius of the border of the bottom-left corner
28
border-bottom-right-radius
Defines the radius of the border of the bottom-right corner
29
border-bottom-style
Sets the style of the bottom border
30
border-bottom-width
Sets whether table borders should collapse into a single border or be separated
31
border-color
Sets the color of the four borders
32
border-image
A shorthand property for setting all the border-image-* properties
33
border-image-outset
Specifies the amount by which the border image area extends beyond the border box
34
border-image-repeat
Specifies whether the border image should be repeated, rounded or stretched
35
border-image-slice
Specifies how to slice the border image
36
border-image-source
Specifies the path to the image to be used as a border
37
border-image-width
Specifies the width of the border image
38
border-left
A shorthand property for setting all the left border properties in one declaration
39
border-left-color
Sets the color of the left border
40
border-left-style
Sets the style of the left border
41
border-left-width
Sets the width of the left border
42
border-radius
A shorthand property for setting all the four border radius properties
43
border-right
A shorthand property for setting all the right border properties in one declaration
44
border-right-color
Sets the color of the right border
45
border-right-style
Sets the style of the right border
46
border-right-width
Sets the width of the right border
47
border-spacing
Sets the distance between the borders of adjacent cells
48
border-style
Sets the style of the four borders
49
border-top
A shorthand property for setting all the top border properties in one declaration
50
border-top-color
Sets the color of the top border
51
border-top-left-radius
Defines the radius of the border of the top-left corner
52
border-top-right-radius
Defines the radius of the border of the top-right corner
53
border-top-style
Sets the style of the top border
54
border-top-width
Sets the width of the top border
55
border-width
Sets the width of the four borders
56
bottom
Sets the elements position, from the bottom of its parent element
57
box-decoration-break
Sets the behaviour of the background and border of an element at a page-break, or, for in-line elements, at line-break
58
box-shadow
Define how the width and height of an element are calculated: should they include padding and borders or not
59
break-after
Specifies the page-, column-, or region-break behavioru before the generated box
60
break-inside
Specifies the page-, column-, or region-break behaviour inside the generated box
61
caption-side
Specifies the placement of a table caption
62
caret-color
Specifies the character encoding used in the style sheet
63
clear
Specifies on which sides of an element floating elements are not allowed to float
64
clip
Clips an absolutely positioned element
65
color
Sets the color of text
66
column-count
Specifies the number of columns an element should be divided into
67
column-count
Specifies the number of columns an element should be divided into
68
column-fill
Specifies how to fill columns, balanced or not
69
column-gap
Specifies the gap between the columns
70
column-rule
A shorthand property for setting all the column-rule- properties
71
column-rule-color
Specifies the color of the rule between columns
72
column-rule-style
Specifies the style of the rule between columns
73
column-rule-width
Specifies the width of the rule between columns
74
column-span
Specifies how many columns an element should span accross
75
column-width
Specifies the column width
76
column-width
Specifies the column width
77
columns
A shorthand property for setting column-width and column-count
78
content
Used with the :before and :after pseudo-elements, to insert generated content
79
counter-increment
Increases or decreases the value of one or more CSS counters
80
counter-increment
Increases or decreases the value of one or more CSS counters
81
counter-reset
Creates or resets one or more CSS counters
82
cursor
Specifies the mouse cursor to be displayed when pointing over an element
83
direction
Specifies the text direction/writing direction
84
display
Specifies how a certain HTML element should be displayed
85
empty-cells
Specifies whether or not to display borders and background on empty cells in a table
86
filter
Defines effects on an element before the element is displayed
87
flex
A shorthand property for the flex-grow, flex-shrink, and the flex-basis properties
88
flex-basis
Specifies the initial length of a flexible item
89
flex-direction
Specifies the direction of the flexible items
90
flex-flow
A shorthand property for the flex-direction and the flex-wrap properties
91
flex-grow
Specifies how much the item will grow relative to the rest
92
flex-shrink
Specifies how the item will shrink relative to the rest
93
flex-wrap
Specifies whether the flexible items should wrap or not
94
float
Specifies whether or not a box should float
95
font
Sets all the font properties in one declaration
96
@font-face
A rule that allows websites to download and use fonts other than the "web safe" fonts
97
font-family
Specifies the font family for text
98
font-feature-settings
Allow control over advanced typographic features in OpenType fonts
99
@font-feature-values
Allows authors to use a common name in font-variant-alternate for feature activated differently in OpenType
100
font-kerning
Controls the usage of the kerning information
101
font-language-override
Controls the usage of language-specific glyphs in a typeface
102
font-size
Specifies the font size of text
103
font-size-adjust
Preserves the readability of text when font fallback occurs
104
font-stretch
Selects a normal, condensed, or expanded face from a font family
105
font-style
Specifies the font style for text
106
font-synthesis
Controls which missing typefaces may be synthesized by the browser
107
font-variant
Specifies whether or not a text should be displayed in a small-caps font
108
font-variant-alternates
Controls the usage of alternate glyphs associated to alternative names defines in @font-feature-values
109
font-weight
Specifies the weight of a font
110
grid
A shorthand property
111
grid-area
Either specifies a name for the grid item, or this property is a shorthand property for the row/column properties
112
grid-auto-columns
Specifies a default column size
113
grid-auto-flow
Specifies how auto-placed items are inserted in the grid
114
grid-auto-rows
Specifies a default row size
115
grid-column
A shorthand property for the grid-column-start/end properties
116
grid-gap
A shorthand property for the grid-row/column-gap properties
117
grid-row
A shorthand property for the grid-row-start/end properties
118
grid-template
Shorthand property for grid-template-rows/columns/area,
119
hanging-punctuation
Specifies whether a punctuation character may be placed outside the line box
120
height
Sets the height of an element
121
hyphens
Sets how to split words to improve the layout of paragraphs
122
image-orientation
Specifies a rotation in the right or clockwise direction that a user agent applies to an image
123
image-rendering
Gives a hint to the browser about what aspects of an image are most important to preserve when the image is scaled
124
image-resolution
Specifies the intrinsic resolution of all raster images used in/on the element
125
@import
Allows you to import a style sheet into another style sheet
126
justify-content
Specifies the alignment between the items inside a flexible container the items do not use all available space
127
@keyframes
Specifies the animation code
128
left
Specifies the left position of a positioned element
129
letter-spacing
Increases or decreases the space between characters in a text
130
line-break
Specifies how/if to break lines
131
line-height
Sets the line height
132
list-style
Sets all the properties for a list in one declaration
133
list-style-image
Specifies an image as the list-item marker
134
list-style-position
Specifies the position of the list-item markers
135
list-style-type
Specifies the type of list-item marker
136
margin
Sets all the margin properties in one declaration
137
max-height
Sets the maximum height of an element
138
max-width
Sets the maximum width of an element
139
@media
Sets the style rules for different media
140
min-height
Sets the minimum height of an element
141
min-width
Sets the minimum width of an element
142
object-fit
Specifies how the contents of a replaced element should be fitted to the box established by its sed height and width
143
object-position
Specifies the alignment of the replaced element inside its box
144
opacity
Sets the opacity level for an element
145
order
Sets the order of the flexible item, relative to the rest
146
orphans
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
outline
Sets all the outline properties in one declaration
148
outline-color
Sets the color of an outline
149
overflow
Specifies what happens if content overflows an elements box
150
overflow-wrap
Specifies whether or not the browser may break lines within words in order to prevent overflow
151
padding
Sets all the padding properties in one declaration
152
page-break-after
Sets the page-breaking behavior after an element
153
page-break-before
Sets the page-breaking behavior before an element
154
perspective
Specifies the perspective on how 3D elements are viewed
155
position
Specifies the type of positioning method used for an element
156
quotes
Sets the type of quotation makrs for embedded quotations
157
resize
Specifies whether or not an element is resizable by the user
158
right
Specifies the right postion of a positioned element
159
tab-size
Specfieis the length of the tab-character
160
table-layout
Sets the layout algorithm to be used for a table
161
text-align
Specifies the horizontal alignment of text
162
text-decoration
Specifies the decoration added to text
163
text-indent
Specifies the indentation of the first line in a text-block
164
text-justify
Specifies the justification method used when text-align is "justify"
165
text-orientation
Defines the orientation of the text in a line
166
text-overflow
Specifies what should happen when text overflows the containing element
167
text-shadow
Adds shadow to text
168
text-transform
Controls the capitalization of text
169
top
Specfies the top postion of a positioned element
170
transform
Applies a 2D or 3D transformation to an element
171
transition-delay
Specfies when the transition effect will start
172
transtion-duration
Specfies how many seconds or milliseconds a transtion effect takes to complete
173
transition-property
Specifies the name of the CSS property the transition effect is for
174
transition-timing-funciton
Specifies the speed curve of the transition effect
175
unicode-bidi
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
user-select
Specifies whether the text of an element can be selected
177
vertical-align
Sets the vertical alignment of an element
178
visibility
Specifies whether or not an element is visible
179
white-space
Specifies how white-space inside an element is handled
180
widows
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
width
Sets the width of an element
182
word-break
Specfies line breaking rules for non-CJK scripts
183
word-spacing
Increases or decreases the space between words in a text
184
word-wrap
Allows long, unbreakable words to be broken and wrap to the next line
185
z-index
Sets the stack order of a positioned element
