Shared Flashcard Set

Details

CSS Properties
Commonly Used CSS Properties
56
Computer Science
Professional
03/29/2016

Additional Computer Science Flashcards

 


 

Cards

Term
background
Definition
Shorthand to configure all the background properties of an element

Value: background-color, background-image background-repeat. background-position
Term
background-attachment
Definition
configures a background image as fixed in place or scrolling

value: scroll (default) or fixed
Term
background-clip
Definition
CSS3; configures the area to display the background

Value: border-box, padding-box or content-box
Term
background-color
Definition
configures the background color of an element

value: valid color value
Term
background-image
Definition
configures a background image for an element

value: url(file name or path to the image), none (default), linear-gradient, and radial- gradient
Term
background-origin
Definition
CSS3; configures the background positioning area

Value: border-box, padding-box or content-box
Term
background-position
Definition
Configures the position of a background image

Value: two percentages, pixel values or position values
Term
background-repeat
Definition
configures how the background image will be repeated

value: repeat (default), repeat-x, repeat-y, or no-repeat
Term
background-size
Definition
CSS3; configures the size of the background image

Value: numeric value (px or em), percentage, contain or cover
Term
border
Definition
shorthand to configure the border of an element

value: border-width, border-style, border-color
Term
border-bottom
Definition
configures the bottom border of an element

value: border-width, border-style, border-color
Term
border-collapse
Definition
configures the display of borders in a table

value: separate (default), or collapse
Term
border-color
Definition
configures the border color of an element

value: valid color value
Term
border-image
Definition
CSS3; configures an image in the border of an element
Term
border-left
Definition
configures the left border of an element

value: border-width, border-style, border-color
Term
border-radius
Definition
CSS3; configures rounded corners
Value: One to four numeric values (px or em) or percentages that configure the radius of the
corners. If a single value is provided, it configures all four corners. The corners are configured in
order of top left, top right, bottom right, and bottom left.

Related properties: border-top-left-radius, border-top-right-radius, border-bottom-left-radius, and border-bottom-right-radius
Term
border-right
Definition
configures the right border of an element

value: border-width, border-style, border-color
Term
border-spacing
Definition
configures the space between table cells in a table

value: numeric value (px or em)
Term
border-style
Definition
configures the style of the borders around an element
Term
border-top
Definition
configures the top border of an element

value: border-width, border-style, border-color
Term
border-width
Definition
configures the width of an elements border

value: numeric pixel value, such as 1px, thin, medium or thick
Term
bottom
Definition
configures the offset position from the bottom of a containing element

value: numeric value, percentage or auto (default)
Term
box-shadow
Definition
CSS3; configures the drop shadow on an element

Values: Three or four numerical values (px or em) to indicate horizontal offset, vertical offset, blur
radius, spread distance (optional), and a valid color value. Use the inset keyword to configure an
inner shadow.
Term
box-sizing
Definition
CSS3; alters the default CSS box model that calculates widths and heights of elements

Values: content-box (default), padding-box, border-box
Term
caption-side
Definition
Configures the placement of a table caption

Value: top (default) or botom
Term
clear
Definition
configures the display of an element in relation to floating elements

value: none (default), left, right or both
Term
color
Definition
configures the color of text within an element

value: valid color value
Term
display
Definition
configures how and whether an element will display

Value: inline, none, block, flex, inline-flex, list-item, table, table-row, or table-cell
Term
flex
Definition
CSS3; configures proportional size and flexibility of a flex item

value: numeric value sets the proportional flexible size of them
Term
flex-direction
Definition
CSS3; configures direction of flex items within a flex container

value: row (default), column, row-reverse, column-reverse
Term
flex-wrap
Definition
CSS3; configures whether flex items are displayed on multiple lines within a flex container

values: nowrap (default), wrap, wrap-reverse
Term
float
Definition
Configures the horizontal placement (left or right) of an element

Value: none (default), left or right
Term
font-family
Definition
configures the font typeface of text

value: list of value font names or generic font family names
Term
font-size
Definition
configures the font size of text

value: Numeric value (px, pt, em) percentage value, xx-small, x-small, small, medium (default), large, x-large, xx-large, smaller, or larger
Term
font-stretch
Definition
CSS3; configures a normal, condensed, or expanded face from a font family

Value: normal (default), wider, narrower, condensed, semi-condensed, expanded, or ultra-expanded
Term
font-style
Definition
configures the font style of text

value: normal, italic or oblique
Term
font-variant
Definition
configures whether text is displayed in small-caps font

value: normal or small-caps
Term
font-weight
Definition
configures the weight or boldness of a font

value: normal (default), bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800,or 900
Term
height
Definition
configures the height of an element

value: numeric value, percentage or auto
Term
justify-content
Definition
CSS3; configure how the browser should display any extra space that may exists in the flex container

Values: flex-start (default), flex-end, center, space-between, space-around
Term
left
Definition
configures the offset position from the left of a containing element

value: numeric value, percentage, or auto
Term
letter-spacing
Definition
configures the space between text characters

values: numeric value or normal
Term
line-height
Definition
configures the line height of of the text

value: numeric value, percentage, multiplier numeric value, or normal
Term
list-style
Definition
shorthand to configure the properties of a list

value: list-style-type, list-style-position, list-style-image
Term
list-style-image
Definition
configures an image as a list maker

value: url or none
Term
list-style-position
Definition
configures the position of the list markers

value: inside or outside
Term
list-style-type
Definition
configures the type of list marker displayed

Value: none, circle, disc (default), square, decimal, decimal-leading-zero, georgian, lower-alpha, lower-roman, upper-alpha, or upper-roman
Term
margin
Definition
shorthand to configure the margin of an element

value: one to four numeric values or percentages or auto or 0
Term
margin-bottom
Definition
configures the bottom margin of an element

value: numeric values or percentages or auto or 0
Term
margin-left
Definition
Configures the left margin of an element

value: numeric values or percentages or auto or 0
Term
margin-right
Definition
Configures the right margin of an element

value: numeric values or percentages or auto or 0
Term
margin-top
Definition
Configures the top margin of an element

value: numeric values or percentages or auto or 0
Term
max-height
Definition
configures the maximum height of an element

value: numeric values or percentages or none
Term
max- width
Definition
configures the maximum width of an element

value: numeric values or percentages or none
Term
min-height
Definition
configures the minimum height of an element

value: numeric values or percentages or none
Term
min-width
Definition
configures the minimum width of an element

value: numeric values or percentages or none
Supporting users have an ad free experience!