Shared Flashcard Set

Details

CSS 200 Properties
CSS supports more than 200 CSS properties.
201
Computer Science
Graduate
04/16/2023

Additional Computer Science Flashcards

 


 

Cards

Term
align-content
Definition

Aligns items in a flex container along flex lines.

Term
align-items
Definition

Aligns evenly spaced items in a flex container.

Term
align-self
Definition

Aligns an item inside a flex container.

Term
all
Definition

Resets all element properties to its default or inherited values.

Term
animation
Definition

Creates an animating element.

Term
animation-delay
Definition

Sets a delay before an animation begins.

Term
animation-direction
Definition

Sets how, in which direction, an animation is played.

Term
animation-duration
Definition

Defines the duration of an animation cycle.

Term
animation-fill-mode
Definition

Defines how styles are applied before and after animation.

Term
animation-iteration-count
Definition

Sets the number of times an animation is played.

Term
animation-name
Definition

Defines a name for the animation.

Term
animation-play-state
Definition

Sets the animation play state to running or paused.

Term
animation-timing-function
Definition

Specifies the animation speed curve.

Term
backface-visibility
Definition

Shows or hides the backface visibility of an element.

Term
background
Definition

Sets the background of an element.

Term
background-attachment
Definition

Defines how the background is attached to an element.

Term
background-blend-mode
Definition

Defines the background layer blending mode.

Term
background-clip
Definition

Defines how background extends beyond the element.

Term
background-color
Definition

Sets the background color of the element.

Term
background-image
Definition

Specifies a background image for an element.

Term
background-origin
Definition

Specifies the background image origin position.

Term
background-position
Definition

Sets the position of a background image.

Term
background-repeat
Definition

Specifies how the background image is repeated.

Term
background-size
Definition

Sets the size of the background image.

Term
border
Definition

Specifies a border for an element.

Term
border-bottom
Definition

Specifies a bottom border for an element.

Term
border-bottom-color
Definition

Sets the color of a bottom border.

Term
border-bottom-left-radius
Definition

Sets the border radius of the bottom left corner.

Term
border-bottom-right-radius
Definition

Sets the border radius of the bottom right corner.

Term
border-bottom-style
Definition

Sets the style of the bottom border.

Term
border-bottom-width
Definition

Sets the width of the bottom border.

Term
border-collapse
Definition

Sets table borders to single collapsed line or separated.

Term
border-color
Definition

Sets the color of the border.

Term
border-image
Definition

Defines an image as border, instead of a color.

Term
border-image-outset
Definition

Sets how far a border image extends beyond the border.

Term
border-image-repeat
Definition

Defines if and how the border image is repeated.

Term
border-image-slice
Definition

Defines how the border image will be sliced.

Term
border-image-source
Definition

Specifies the URL of the border image file.

Term
border-image-width
Definition

Sets the width of the image border.

Term
border-left
Definition

Sets the left border of the element.

Term
border-left-color
Definition

Sets the color of the left border.

Term
border-left-style
Definition

Sets the style of the left border.

Term
border-left-width
Definition

Sets the width of the left border.

Term
border-radius
Definition

Sets the radius of the border.

Term
border-right
Definition

Sets the right border of the element.

Term
border-right-color
Definition

Sets the color of the right border.

Term
border-right-style
Definition

Sets the style of the right border.

Term
border-right-width
Definition

Sets the width of the right border.

Term
border-spacing
Definition

Sets the adjacent table cell distance.

Term
border-style
Definition

Defines the style of the border.

Term
border-top
Definition

Sets the top border of the element.

Term
border-top-color
Definition

Sets the color of the top border.

Term
border-top-left-radius
Definition

Sets the border radius of the top left corner.

Term
border-top-right-radius
Definition

Sets the border radius of the top right corner.

Term
border-top-style
Definition

Sets the style of the top border.

Term
border-top-width
Definition

Sets the width of the top border.

Term
border-width
Definition

Sets the border width of the element.

Term
bottom
Definition

Positions the element from the bottom of the relative container.

Term
box-shadow
Definition

Adds a shadow effect to an element.

Term
box-sizing
Definition

Sets how element height and width are calculated.

Term
caption-side
Definition

Defines on which side of the table a caption is placed.

Term
caret-color
Definition

Sets the color of the blinking mouse caret.

Term
@charset
Definition

Specifies the character encoding of the stylesheet.

Term
clear
Definition

Sets the element side that does not allow floating elements.

Term
Clip
Definition

Sets how an image is cropped or clipped inside a container.

Term
clip-path
Definition

Clips an element inside a specific shape or SVG.

Term
color
Definition

Specifies the color of text in an element.

Term
column-count
Definition

Divides an element into the specified number of columns.

Term
column-fill
Definition

Specifies how divided columns are filled.

Term
column-gap
Definition

Specifies the space between divided columns.

Term
column-rule
Definition

Sets the style, width, and color of a column divider.

Term
column-rule-color
Definition

Sets the color of a column divider.

Term
column-rule-style
Definition

Sets the style of a column divider.

Term
column-rule-width
Definition

Sets the width of a column divider.

Term
column-span
Definition

Sets number of divided columns an element should span.

Term
column-width
Definition

Specifies the width of a divided column.

Term
columns
Definition

Divide an element into columns of a certain width.

Term
content
Definition

Used to insert content before or after an element.

 

Term
counter-increment
Definition

Increase or decrease a CSS counter.

Term
counter-reset
Definition

Initialize or reset CSS counter.

Term
cursor
Definition

Specifies the shape of the mouse cursor.

Term
direction
Definition

Specifies the text writing direction of a block-level element.

Term
display
Definition

Specify an element's display behavior.

Term
empty-cells
Definition

Specifies whether empty table cell borders will be displayed.

Term
filter
Definition

Adds an image enhancing effect to an image.

Term
flex
Definition

Specifies the width of the flexible items.

Term
flex-basis
Definition

Specifies the initial width of a flex item.

Term
flex-direction
Definition

Specifies the direction for the flex item to align.

Term
flex-flow
Definition

Controls the direction and wrapping of flexible items.

Term
flex-grow
Definition

Specifies how a flex item can grow inside the container.

Term
flex-shrink
Definition

Specifies how a flex item can shrink inside the container.

Term
flex-wrap
Definition

Specifies how flexible items wrap inside the container.

Term
float
Definition

Sets how an element is positioned relative to other elements.

Term
Font
Definition

Sets font family, variant, weight, height, and size for an element.

Term
@font-face
Definition

Embeds a custom font inside a web page.

Term
font-family
Definition

Sets the font family for an element.

Term

font-kerning

Definition

Sets the spacing between the font's characters.

Term
font-size
Definition

Sets the size of the font for an element.

Term
font-size-adjust
Definition

Specifies a fall-back font size.

Term
font-stretch
Definition

Sets the text characters to a wider or narrower variant.

Term
font-variant
Definition

Used to specify whether we want the text to be displayed in small-caps font or not.

Term
font-weight
Definition

Sets the weight or thickness of the font.

Term
grid
Definition

Defines a grid layout with responsive rows and columns.

Term
grid-area
Definition

Sets the size and location of grid items in a grid container.

Term
grid-auto-columns
Definition

Specifies the size of the columns in a grid container.

Term
grid-auto-flow
Definition

Specifies the initial placement of items in a grid container.

Term
grid-auto-rows
Definition

Specifies the initial size of the items in a grid container.

Term
grid-column
Definition

Specifies the size and location of a grid item in a grid container.

Term
grid-column-end
Definition

Specifies in which column-line the grid item will end.

Term
grid-column-gap
Definition

Specifies the gap size between columns in a grid container.

Term
grid-column-start
Definition

Specifies in which column line the grid item will start.

Term
grid-gap
Definition

Specifies the gap size between grid rows and columns.

Term
grid-row
Definition

Specifies the grid item size and location in a grid container.

Term
grid-row-end
Definition

Specifies in which row-line the grid item will end.

Term
grid-row-gap
Definition

Specifies the gap size between rows in a grid container.

Term
grid-row-start
Definition

Specifies in which row line the grid item will start.

Term
grid-template
Definition

Divides a page into sections with a size, position, and layer.

Term
grid-template-areas
Definition

Specifies area in a grid container.

Term
grid-template-columns
Definition

Sets the number and width of columns in a grid container.

Term
grid-template-rows
Definition

Sets the number and height of rows in a grid container.

Term
height
Definition

Sets the height of an element.

Term
hyphens
Definition

Specifies hyphenation with wrap opportunities in a line of text.

Term
@import
Definition

Imports a style sheet inside another style sheet.

Term
justify-content
Definition

Defines the alignment of items in a flex container.

Term
@keyframes
Definition

Defines the CSS style to animate.

Term
left
Definition

Positions the element from the left of the relative container.

Term
letter-spacing
Definition

Sets the spacing between characters.

Term
line-height
Definition

Sets the vertical spacing between lines of text.

Term
list-style
Definition

Defines the markers (bullet points) for items in a list.

Term
list-style-image
Definition

Defines an image markers (bullet points) for items in a list.

Term
list-style-position
Definition

Sets the marker (bullet point) positions for items in a list.

Term
list-style-type
Definition

Defines the marker types (bullet points) for items in a list.

Term
margin
Definition

Sets the margin (outside spacing) for an element.

Term
margin-bottom
Definition

Sets the bottom margin (outside spacing) for an element.

Term
margin-left
Definition

Sets the left margin (outside spacing) for an element.

Term
margin-right
Definition

Sets the right margin (outside spacing) for an element.

Term
margin-top
Definition

Sets the top margin (outside spacing) for an element.

Term
max-height
Definition

Sets the maximum height for an element.

Term
max-width
Definition

Sets the maximum width for an element.

Term
@media
Definition

Applies media queries to a page.

Term
min-height
Definition

Sets the minimum height for an element.

Term
min-width
Definition

Sets the minimum width for an element.

Term
object-fit
Definition

Specifies how an image or video fits inside a container.

Term
object-position
Definition

Specifies the image or video position inside a container.

Term
opacity
Definition

Sets the opacity (transparency) of the element.

Term
order
Definition

Specifies the order of an item in a flex container.

Term
outline
Definition

Adds an outline (highlighted border) to an element.

Term
outline-color
Definition

Sets the color of an outline.

Term
outline-offset
Definition

Sets the space between the outline and border.

Term
outline-style
Definition

Sets the style of an outline.

Term
outline-width
Definition

Sets the width of an outline.

Term
overflow
Definition

Specifies the flow of content that exceeds the container.

Term
overflow-x
Definition

Specifies the flow of content that exceeds the container width.

Term
overflow-y
Definition

Specifies the flow of content that exceeds the container height.

Term
padding
Definition

Sets the spacing between content and element border.

Term
padding-bottom
Definition

Sets the spacing between content and bottom element border.

Term
padding-left
Definition

Sets the spacing between content and left element border.

Term
padding-right
Definition

Sets the spacing between content and right element border.

Term
padding-top
Definition

Sets the spacing between content and top element border.

Term
page-break-after
Definition

Adds a print page-break after an element.

Term
page-break-before
Definition

Adds a print page-break before an element.

Term
page-break-inside
Definition

Specifies if print page-break is allowed inside an element.

Term
perspective
Definition

Adds perspective to a 3D-positioned element.

Term
perspective-origin
Definition

Sets the origin of the perspective for a 3D-positioned element.

Term
pointer-events
Definition

Specifies whether element reacts to pointer events or not.

Term
position
Definition

Sets the element's positioning method.

Term
quotes
Definition

Defines the quotation marks to be used on text.

Term
right
Definition

Positions the element from the right of the relative container.

Term
scroll-behavior
Definition

Specifies the scrolling behavior of an element.

Term
table-layout
Definition

Aligns elements according to a table with rows and columns.

Term
text-align
Definition

Sets the alignment of text inside an element.

Term
text-align-last
Definition

Sets the alignment for the last line of text.

Term
text-decoration
Definition

Defines the style and color of underlined text.

Term
text-decoration-color
Definition

Defines the color of underlined text.

Term
text-decoration-line
Definition

Defines the kind of line to use with text.

Term
text-decoration-style
Definition

Defines the style of underlined text.

Term
text-indent
Definition

Sets the indentation to the beginning of text.

Term
text-justify
Definition

Defines the text justification inside a container.

Term
text-overflow
Definition

Sets the display behavior of text that overflows a container.

Term
text-shadow
Definition

Adds a shadow effect to text.

Term
text-transform
Definition

Defines text capitalization or casing.

Term
top
Definition

Positions the element from the top of the relative container.

Term
transform
Definition

Applies a 2D or 3D transformation to an element.

Term
transform-origin
Definition

Sets the origin for the transformation of the element.

Term
transform-style
Definition

Specifies the display behavior of 3D space nested elements.

Term
transition
Definition

Creates transitions from one property value to another.

Term
transition-delay
Definition

Creates a delay before the transition effect starts.

Term
transition-duration
Definition

Specifies the time the transition will take.

Term
transition-property
Definition

Specifies the CSS property that will transition.

Term
transition-timing-function
Definition

Defines the speed curve function of the transition.

Term
user-select
Definition

Specifies how text can be selected (highlighted).

Term
vertical-align
Definition

Specifies vertical alignment of an element.

Term
visibility
Definition

Specifies the visibility of an element.

Term
white-space
Definition

Specifies how white-space is handled inside an element.

Term
width
Definition

Sets the width of an element.

Term
word-break
Definition

Specifies how line breaks take place.

Term
word-spacing
Definition

Sets the spacing between words.

Term
word-wrap
Definition

Specifies how long words can be wrapped.

Term
writing-mode
Definition

Sets the text reading orientation: top to bottom, etc.

Term
z-index
Definition

Sets the vertical stacking order relative to other elements.

Term
Font-Style
Definition

Set the font style to normal, italic, or oblique.

Supporting users have an ad free experience!