CSS Flashcards
align-content
Specifies the alignment between the lines inside a flexible container when the items do not use all available workspace
align-items
Specifies the alignment for items inside flexible container
align-self
Specifies the alignment for selected items inside a flexible container
all
Resets all properties(except unicode-bidi and direction)
animation
A shorthand property for all the animation properties
animation-delay
Specifies a delay for the start of an animation
animation-duration
Specifies how long an animation should take to complete one cycle
animation-fill-mode
Specifies a style for the element when the animation is not playing
animation-iteration-count
Specifies the number of times an animation should be played
animation-name
Specifies a name for the @keyframes animation
animation-play-state
Specifies whether the animation is running or paused
animation-timing-function
Specifies the speed curve of an animation
backface-visibility
Defines whether or not the back face of an element should be visible when facing the user
background
A shorthand property for setting all the background properties in one declaration
background-attachment
Sets whether a background image scrolls with the rest of the page, or is fixed
background-blend-mode
Specifies the blending mode of each background layer
background-clip
Defines how far the background (color or image) should extend within an element
background-color
Specifies the background color of an element
background-image
Specifies one or more background images for an element
background-origin
Specifies the origin position of a background image
background-position
Specifies the position of a background image
background-repeat
Sets if/how a background image will be repeated
background-size
Specifies the size of the background images
border
A shorthand property for border-width, border-style and border-color
border-bottom
A shorthand property for setting all the bottom border properties
border-bottom-color
Sets the color of the bottom border
border-bottom-left-radius
Defines the radius of the border of the bottom-left corner
border-bottom-right-radius
Defines the radius of the border of the bottom-right corner
border-bottom-style
Sets the style of the bottom border
border-bottom-width
Sets whether table borders should collapse into a single border or be separated
border-color
Sets the color of the four borders
border-image
A shorthand property for setting all the border-image-* properties
border-image-outset
Specifies the amount by which the border image area extends beyond the border box
border-image-repeat
Specifies whether the border image should be repeated, rounded or stretched
border-image-slice
Specifies how to slice the border image
border-image-source
Specifies the path to the image to be used as a border
border-image-width
Specifies the width of the border image
border-left
A shorthand property for setting all the left border properties in one declaration
border-left-color
Sets the color of the left border
border-left-style
Sets the style of the left border
border-left-width
Sets the width of the left border
border-radius
A shorthand property for setting all the four border radius properties
border-right
A shorthand property for setting all the right border properties in one declaration
border-right-color
Sets the color of the right border
border-right-style
Sets the style of the right border
border-right-width
Sets the width of the right border
border-spacing
Sets the distance between the borders of adjacent cells
border-style
Sets the style of the four borders
border-top
A shorthand property for setting all the top border properties in one declaration
border-top-color
Sets the color of the top border
border-top-left-radius
Defines the radius of the border of the top-left corner
border-top-right-radius
Defines the radius of the border of the top-right corner
border-top-style
Sets the style of the top border
border-top-width
Sets the width of the top border
border-width
Sets the width of the four borders
bottom
Sets the elements position, from the bottom of its parent element
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
box-shadow
Define how the width and height of an element are calculated: should they include padding and borders or not
break-after
Specifies the page-, column-, or region-break behavioru before the generated box
break-inside
Specifies the page-, column-, or region-break behaviour inside the generated box
caption-side
Specifies the placement of a table caption
caret-color
Specifies the character encoding used in the style sheet
clear
Specifies on which sides of an element floating elements are not allowed to float
clip
Clips an absolutely positioned element
color
Sets the color of text
column-count
Specifies the number of columns an element should be divided into
column-count
Specifies the number of columns an element should be divided into
column-fill
Specifies how to fill columns, balanced or not
column-gap
Specifies the gap between the columns
column-rule
A shorthand property for setting all the column-rule- properties
column-rule-color
Specifies the color of the rule between columns
column-rule-style
Specifies the style of the rule between columns
column-rule-width
Specifies the width of the rule between columns
column-span
Specifies how many columns an element should span accross
column-width
Specifies the column width
column-width
Specifies the column width
columns
A shorthand property for setting column-width and column-count
content
Used with the :before and :after pseudo-elements, to insert generated content
counter-increment
Increases or decreases the value of one or more CSS counters
counter-increment
Increases or decreases the value of one or more CSS counters
counter-reset
Creates or resets one or more CSS counters
cursor
Specifies the mouse cursor to be displayed when pointing over an element
direction
Specifies the text direction/writing direction
display
Specifies how a certain HTML element should be displayed
empty-cells
Specifies whether or not to display borders and background on empty cells in a table
filter
Defines effects on an element before the element is displayed
flex
A shorthand property for the flex-grow, flex-shrink, and the flex-basis properties
flex-basis
Specifies the initial length of a flexible item
flex-direction
Specifies the direction of the flexible items
flex-flow
A shorthand property for the flex-direction and the flex-wrap properties
flex-grow
Specifies how much the item will grow relative to the rest
flex-shrink
Specifies how the item will shrink relative to the rest
flex-wrap
Specifies whether the flexible items should wrap or not
float
Specifies whether or not a box should float
font
Sets all the font properties in one declaration
@font-face
A rule that allows websites to download and use fonts other than the “web safe” fonts
font-family
Specifies the font family for text
font-feature-settings
Allow control over advanced typographic features in OpenType fonts
@font-feature-values
Allows authors to use a common name in font-variant-alternate for feature activated differently in OpenType
font-kerning
Controls the usage of the kerning information
font-language-override
Controls the usage of language-specific glyphs in a typeface
font-size
Specifies the font size of text
font-size-adjust
Preserves the readability of text when font fallback occurs
font-stretch
Selects a normal, condensed, or expanded face from a font family
font-style
Specifies the font style for text
font-synthesis
Controls which missing typefaces may be synthesized by the browser
font-variant
Specifies whether or not a text should be displayed in a small-caps font
font-variant-alternates
Controls the usage of alternate glyphs associated to alternative names defines in @font-feature-values
font-weight
Specifies the weight of a font
grid
A shorthand property
grid-area
Either specifies a name for the grid item, or this property is a shorthand property for the row/column properties
grid-auto-columns
Specifies a default column size
grid-auto-flow
Specifies how auto-placed items are inserted in the grid
grid-auto-rows
Specifies a default row size
grid-column
A shorthand property for the grid-column-start/end properties
grid-gap
A shorthand property for the grid-row/column-gap properties
grid-row
A shorthand property for the grid-row-start/end properties
grid-template
Shorthand property for grid-template-rows/columns/area,
hanging-punctuation
Specifies whether a punctuation character may be placed outside the line box
height
Sets the height of an element
hyphens
Sets how to split words to improve the layout of paragraphs
image-orientation
Specifies a rotation in the right or clockwise direction that a user agent applies to an image
image-rendering
Gives a hint to the browser about what aspects of an image are most important to preserve when the image is scaled
image-resolution
Specifies the intrinsic resolution of all raster images used in/on the element
@import
Allows you to import a style sheet into another style sheet
justify-content
Specifies the alignment between the items inside a flexible container the items do not use all available space
@keyframes
Specifies the animation code
left
Specifies the left position of a positioned element
letter-spacing
Increases or decreases the space between characters in a text
line-break
Specifies how/if to break lines
line-height
Sets the line height
list-style
Sets all the properties for a list in one declaration
list-style-image
Specifies an image as the list-item marker
list-style-position
Specifies the position of the list-item markers
list-style-type
Specifies the type of list-item marker
margin
Sets all the margin properties in one declaration
max-height
Sets the maximum height of an element
max-width
Sets the maximum width of an element
@media
Sets the style rules for different media
min-height
Sets the minimum height of an element
min-width
Sets the minimum width of an element
object-fit
Specifies how the contents of a replaced element should be fitted to the box established by its sed height and width
object-position
Specifies the alignment of the replaced element inside its box
opacity
Sets the opacity level for an element
order
Sets the order of the flexible item, relative to the rest
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
outline
Sets all the outline properties in one declaration
outline-color
Sets the color of an outline
overflow
Specifies what happens if content overflows an elements box
overflow-wrap
Specifies whether or not the browser may break lines within words in order to prevent overflow
padding
Sets all the padding properties in one declaration
page-break-after
Sets the page-breaking behavior after an element
page-break-before
Sets the page-breaking behavior before an element
perspective
Specifies the perspective on how 3D elements are viewed
position
Specifies the type of positioning method used for an element
quotes
Sets the type of quotation makrs for embedded quotations
resize
Specifies whether or not an element is resizable by the user
right
Specifies the right postion of a positioned element
tab-size
Specfieis the length of the tab-character
table-layout
Sets the layout algorithm to be used for a table
text-align
Specifies the horizontal alignment of text
text-decoration
Specifies the decoration added to text
text-indent
Specifies the indentation of the first line in a text-block
text-justify
Specifies the justification method used when text-align is “justify”
text-orientation
Defines the orientation of the text in a line
text-overflow
Specifies what should happen when text overflows the containing element
text-shadow
Adds shadow to text
text-transform
Controls the capitalization of text
top
Specfies the top postion of a positioned element
transform
Applies a 2D or 3D transformation to an element
transition-delay
Specfies when the transition effect will start
transtion-duration
Specfies how many seconds or milliseconds a transtion effect takes to complete
transition-property
Specifies the name of the CSS property the transition effect is for
transition-timing-funciton
Specifies the speed curve of the transition effect
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
user-select
Specifies whether the text of an element can be selected
vertical-align
Sets the vertical alignment of an element
visibility
Specifies whether or not an element is visible
white-space
Specifies how white-space inside an element is handled
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
width
Sets the width of an element
word-break
Specfies line breaking rules for non-CJK scripts
word-spacing
Increases or decreases the space between words in a text
word-wrap
Allows long, unbreakable words to be broken and wrap to the next line
z-index
Sets the stack order of a positioned element