CSS Properties Flashcards
css property: font-family
let’s you change the font of the elements text content
css property: color
changes the color of text
css property: background-color
sets the background color of an element
css property: padding
sets the padding space on all sides of an element
css property: padding-bottom
sets the height of the padding area at the bottom of an element
css property: padding-left
sets the padding space required on the left side of an element
css property: padding-right
sets the padding space required on the right side of an element
css property: padding-top
sets the padding space required on the top of an element
css property: list-style-type
specifies the appearance of a list item element
css property: text-indent
specifies how much horizontal space should be left before the beginning of the first line of the text content of an element
css property: margin
sets the margin for all four sides
css property: margin-bottom
sets the margin space required on the bottom of an element
css property: margin-left
sets the margin space required on the left of an element
css property: margin-top
sets the margin space required on the top of an element
css property: margin-right
sets the margin space required on the right of an element
css property: text-align
describes how inline content like text is aligned in its parent block element
css property: font-style
lets you select italic or oblique faces within a font-family
css property: font-weight
specifies the weight or boldness of the font
css property: letter-spacing
specifies spacing behaviour between text characters
css property: line-height
specifies the minimum height of line boxes within the element
css property: text-decoration
sets the text formatting to underline, overline, line-through or blink
css property: text-transform
specfies how to capitalize an element’s text
css property: word-spacing
specfies the spacing behaviour between tags and words
css property: font-stretch
selects a normal, condensed, or expanded face from a font
css property: text-shadow
adds shadows to text
css property: font-size
specifies the size of the font
css property: border
sets the border width, colour and line style
css property: border-width
sets the border width
css property: border-color
sets the border colour
css property: border-style
sets the border line style
css property: border-top-width
sets the top border width
css property: border-right-width
sets the right border width
css property: border-bottom-width
sets the bottom border width
css property: border-left-width
sets the left border width
css property: border-top-color
sets the top border colour
css property: border-left-color
sets the left border colour
css property: border-bottom-color
sets the bottom border colour
css property: border-right-color
sets the right border colour
css property: border-top-style
sets the top border line style
css property: border-left-style
sets the left border line style
css property: border-bottom-style
sets the bottom border line style
css property: border-right-style
sets the right border line style
css property: float
specfies that an element should be taken from the normal flow and be placed along the left or right side of its container, where text and inline elements will wrap around it
css property: clear
specifies whether an element can be next to floating elements that precede it or must be moved down (cleared) below them
css property: background-image
sets one or several background images for an element
css property: background-attachment
determines whether that image’s position is fixed within the viewport, or scrolls along with its containing block
css property: opacity
specifies the transparency of an element and any of its child elements
css property: vertical alignment
specifies the vertical alignment of an inline or table-cell box
css property: min-width
set the minimum width of a given element
css property: max-width
set the maximum width of a given element
css property: min-height
set the minimum height of a given element
css property: max-height
set the maximum height of an element
css property: overflow
specifies whether to clip content, render scrollbars or just display content when it overflows its block level container
css property: display
specifies the type of rendering box used for an element
css property: visibility
used to hide an element while leaving the space where it would have been
css property: border-image
allows drawing an image on the borders of elements
css property: box-shadow
enables you to cast a drop shadow from the frame of almost any element
css property: list-style-type
specifies the appearance of a list item element
css property: list-style-image
specifies an image to be used as the list item marker
css property: list-style-position
specifies the position of the marker box in the principal block box
css property: empty-cells
specifies how user agents should render borders and backgrounds around cells that have no visible content
css property: border-collapse
determines whether a table’s borders are separated or collapsed
css property: border-spacing
specifies the distance between the borders of adjacent table cells
css property: border-radius
defines how rounded border corners are
css property: cursor
specifies the mouse cursor displayed when the mouse pointer is over an element
css property: background-position
sets the initial position for each defined background image