CSS Flashcards Preview

HTML/CSS Reference > CSS > Flashcards

Flashcards in CSS Deck (185):
1

align-content

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

2

align-items

Specifies the alignment for items inside flexible container

3

align-self

Specifies the alignment for selected items inside a flexible container

4

all

Resets all properties(except unicode-bidi and direction)

5

animation

A shorthand property for all the animation properties

6

animation-delay

Specifies a delay for the start of an animation

7

animation-duration

Specifies how long an animation should take to complete one cycle

8

animation-fill-mode

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

9

animation-iteration-count

Specifies the number of times an animation should be played

10

animation-name

Specifies a name for the @keyframes animation

11

animation-play-state

Specifies whether the animation is running or paused

12

animation-timing-function

Specifies the speed curve of an animation

13

backface-visibility

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

14

background

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

15

background-attachment

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

16

background-blend-mode

Specifies the blending mode of each background layer

17

background-clip

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

18

background-color

Specifies the background color of an element

19

background-image

Specifies one or more background images for an element

20

background-origin

Specifies the origin position of a background image

21

background-position

Specifies the position of a background image

22

background-repeat

Sets if/how a background image will be repeated

23

background-size

Specifies the size of the background images

24

border

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