Codebreaker Continuation
Codebreaker Continuation
CSS Properties
Animation Properties
Property Description CSS Version
@keyframes Specifies the animation 3
animation A shorthand property for all the animation properties below, except the animation-play-state property 3
animation-name Specifies a name for the @keyframes animation 3
animation-duration Specifies how many seconds or milliseconds an animation takes to complete one cycle 3
animation-timing-function Specifies the speed curve of the animation 3
animation-delay Specifies when the animation will start 3
animation-iteration-count Specifies the number of times an animation should be played 3
animation-direction Specifies whether or not the animation should play in reverse on alternate cycles 3
animation-play-state Specifies whether the animation is running or paused 3
Background Properties
Property Description CSS Version
background Sets all the background properties in one declaration 1
background-attachment Sets whether a background image is fixed or scrolls with the rest of the page 1
background-color Sets the background color of an element 1
background-image Sets the background image for an element 1
background-position Sets the starting position of a background image 1
background-repeat Sets how a background image will be repeated 1
background-clip Specifies the painting area of the background 3
background-origin Specifies the positioning area of the background images 3
background-size Specifies the size of the background images 3
1
CSS 1, 2 and 3
CSS Properties
Border and Outline Properties
Property Description CSS Version
border-image A shorthand property for setting all the border-image-* properties 3
border-image-outset Specifies the amount by which the border image area extends beyond the border box 3
border-image-repeat Specifies whether the image-border should be repeated, rounded or stretched 3
border-image-slice Specifies the inward offsets of the image-border 3
border-image-source Specifies an image to be used as a border 3
border-image-width Specifies the widths of the image-border 3
border-radius A shorthand property for setting all the four border-*-radius properties 3
border-top-left-radius Creates the shape of the border of the top-left corner 3
border-top-right-radius Creates the shape of the border of the top-right corner 3
Specifies whether individual boxes are treated as broken pieces of one continuous box, or whether each box is
box-decoration-break 3
individually wrapped with the border and padding
box-shadow Attaches one or more drop-shadows to the box 3
Box Properties
Property Description CSS Version
overflow-x Specifies whether or not to clip the left/right edges of the content, if it overflows the element's content area 3
overflow-y Specifies whether or not to clip the top/bottom edges of the content, if it overflows the element's content area 3
overflow-style Specifies the preferred scrolling method for elements that overflow 3
rotation Rotates an element around a given point defined by the rotation-point property 3
rotation-point Creates a point as an offset from the top left border edge 3
Color Properties
Property Description CSS Version
color-profile Permits the specification of a source color profile other than the default 3
opacity Sets the opacity level for an element 3
rendering-intent Permits the specification of a color profile rendering intent other than the default 3
Dimension Properties
Property Description CSS Version
height Sets the height of an element 1
max-height Sets the maximum height of an element 2
max-width Sets the maximum width of an element 2
min-height Sets the minimum height of an element 2
min-width Sets the minimum width of an element 2
width Sets the width of an element 1
2
CSS 1, 2 and 3
CSS Properties
Flexible Box Properties
Property Description CSS Version
box-align Specifies how to align the child elements of a box 3
box-direction Specifies in which direction the children of a box are displayed 3
box-flex Specifies whether the children of a box is flexible or inflexible in size 3
box-flex-group Assigns flexible elements to flex groups 3
box-lines Specifies whether columns will go onto a new line whenever it runs out of space in the parent box 3
box-ordinal-group Specifies the display order of the child elements of a box 3
box-orient Specifies whether the children of a box should be laid out horizontally or vertically 3
box-pack Specifies the horizontal position in horizontal boxes and the vertical position in vertical boxes 3
Font Properties
Property Description CSS Version
font Sets all the font properties in one declaration 1
font-family Specifies the font family for text 1
font-size Specifies the font size of text 1
font-style Specifies the font style for text 1
font-variant Specifies whether or not a text should be displayed in a small-caps font 1
font-weight Specifies the weight of a font 1
@font-face A rule that allows websites to download and use fonts other than the "web-safe" fonts 3
font-size-adjust Preserves the readability of text when font fallback occurs 3
font-stretch Selects a normal, condensed, or expanded face from a font family 3
Grid Properties
Property Description CSS Version
grid-columns Specifies the width of each column in a grid 3
grid-rows Specifies the height of each column in a grid 3
Hyperlink Properties
Property Description CSS Version
target A shorthand property for setting the target-name, target-new, and target-position properties 3
target-name Specifies where to open links (target destination) 3
target-new Specifies whether new destination links should open in a new window or in a new tab of an existing window 3
target-position Specifies where new destination links should be placed 3
3
CSS 1, 2 and 3
CSS Properties
Linebox Properties
Property Description CSS Version
alignment-adjust Allows more precise alignment of elements 3
alignment-baseline Specifies how an inline-level element is aligned with respect to its parent 3
baseline-shift Allows repositioning of the dominant-baseline relative to the dominant-baseline 3
dominant-baseline Specifies a scaled-baseline-table 3
drop-initial-after-adjust Sets the alignment point of the drop initial for the primary connection point 3
Sets which alignment line within the initial line box is used at the primary connection point with the initial letter
drop-initial-after-align 3
box
drop-initial-before-adjust Sets the alignment point of the drop initial for the secondary connection point 3
Sets which alignment line within the initial line box is used at the secondary connection point with the initial letter
drop-initial-before-align 3
box
drop-initial-size Controls the partial sinking of the initial letter 3
drop-initial-value Activates a drop-initial effect 3
inline-box-align Sets which line of a multi-line inline block align with the previous and next inline elements within a line 3
line-stacking A shorthand property for setting the line-stacking-strategy, line-stacking-ruby, and line-stacking-shift properties 3
line-stacking-ruby Sets the line stacking method for block elements containing ruby annotation elements 3
line-stacking-shift Sets the line stacking method for block elements containing elements with base-shift 3
line-stacking-strategy Sets the line stacking strategy for stacked line boxes within a containing block element 3
text-height Sets the block-progression dimension of the text content area of an inline box 3
List Properties
Property Description CSS Version
list-style Sets all the properties for a list in one declaration 1
list-style-image Specifies an image as the list-item marker 1
list-style-position Specifies if the list-item markers should appear inside or outside the content flow 1
list-style-type Specifies the type of list-item marker 1
Margin Properties
Property Description CSS Version
margin Sets all the margin properties in one declaration 1
margin-bottom Sets the bottom margin of an element 1
margin-left Sets the left margin of an element 1
margin-right Sets the right margin of an element 1
margin-top Sets the top margin of an element 1
Marquee Properties
Property Description CSS Version
marquee-direction Sets the direction of the moving content 3
marquee-play-count Sets how many times the content move 3
marquee-speed Sets how fast the content scrolls 3
marquee-style Sets the style of the moving content 3
Multi-column Properties
Property Description CSS Version
column-count Specifies the number of columns an element should be divided into 3
column-fill Specifies how to fill columns 3
column-gap Specifies the gap between the columns 3
column-rule A shorthand property for setting all the column-rule-* properties 3
column-rule-color Specifies the color of the rule between columns 3
column-rule-style Specifies the style of the rule between columns 3
column-rule-width Specifies the width of the rule between columns 3
column-span Specifies how many columns an element should span across 3
column-width Specifies the width of the columns 3
columns A shorthand property for setting column-width and column-count 3
4
CSS 1, 2 and 3
CSS Properties
Padding Properties
Property Description CSS Version
padding Sets all the padding properties in one declaration 1
padding-bottom Sets the bottom padding of an element 1
padding-left Sets the left padding of an element 1
padding-right Sets the right padding of an element 1
padding-top Sets the top padding of an element 1
Positioning Properties
Property Description CSS Version
bottom Specifies the bottom position of a positioned element 2
clear Specifies which sides of an element where other floating elements are not allowed 1
clip Clips an absolutely positioned element 2
cursor Specifies the type of cursor to be displayed 2
display Specifies how a certain HTML element should be displayed 1
float Specifies whether or not a box should float 1
left Specifies the left position of a positioned element 2
overflow Specifies what happens if content overflows an element's box 2
position Specifies the type of positioning method used for an element (static, relative, absolute or fixed) 2
right Specifies the right position of a positioned element 2
top Specifies the top position of a positioned element 2
visibility Specifies whether or not an element is visible 2
z-index Sets the stack order of a positioned element 2
Print Properties
Property Description CSS Version
Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside
orphans 2
an element
page-break-after Sets the page-breaking behavior after an element 2
page-break-before Sets the page-breaking behavior before an element 2
page-break-inside Sets the page-breaking behavior inside an element 2
Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an
widows 2
element
Ruby Properties
Property Description CSS Version
ruby-align Controls the text alignment of the ruby text and ruby base contents relative to each other 3
Determines whether, and on which side, ruby text is allowed to partially overhang any adjacent text in addition
ruby-overhang 3
to its own base, when the ruby text is wider than the ruby base
ruby-position Controls the position of the ruby text with respect to its base 3
ruby-span Controls the spanning behavior of annotation elements 3
5
CSS 1, 2 and 3
CSS Properties
Speech Properties
Property Description CSS Version
mark A shorthand property for setting the mark-before and mark-after properties 3
mark-after Allows named markers to be attached to the audio stream 3
mark-before Allows named markers to be attached to the audio stream 3
phonemes Specifies a phonetic pronunciation for the text contained by the corresponding element 3
rest A shorthand property for setting the rest-before and rest-after properties 3
rest-after Specifies a rest or prosodic boundary to be observed after speaking an element's content 3
rest-before Specifies a rest or prosodic boundary to be observed before speaking an element's content 3
voice-balance Specifies the balance between left and right channels 3
voice-duration Specifies how long it should take to render the selected element's content 3
voice-pitch Specifies the average pitch (a frequency) of the speaking voice 3
voice-pitch-range Specifies variation in average pitch 3
voice-rate Controls the speaking rate 3
voice-stress Indicates the strength of emphasis to be applied 3
voice-volume Refers to the amplitude of the waveform output by the speech synthesises 3
Table Properties
Property Description CSS Version
border-collapse Specifies whether or not table borders should be collapsed 2
border-spacing Specifies the distance between the borders of adjacent cells 2
caption-side Specifies the placement of a table caption 2
empty-cells Specifies whether or not to display borders and background on empty cells in a table 2
table-layout Sets the layout algorithm to be used for a table 2
Text Properties
Property Description CSS Version
color Sets the color of text 1
direction Specifies the text direction/writing direction 2
letter-spacing Increases or decreases the space between characters in a text 1
line-height Sets the line height 1
text-align Specifies the horizontal alignment of text 1
text-decoration Specifies the decoration added to text 1
text-indent Specifies the indentation of the first line in a text-block 1
text-transform Controls the capitalization of text 1
Used together with the direction property to set or return whether the text should be overridden to support
unicode-bidi 2
multiple languages in the same document
vertical-align Sets the vertical alignment of an element 1
white-space Specifies how white-space inside an element is handled 1
word-spacing Increases or decreases the space between words in a text 1
hanging-punctuation Specifies whether a punctuation character may be placed outside the line box 3
punctuation-trim Specifies whether a punctuation character should be trimmed 3
Describes how the last line of a block or a line right before a forced line break is aligned when text-align is
text-align-last 3
"justify"
text-justify Specifies the justification method used when text-align is "justify" 3
text-outline Specifies a text outline 3
text-overflow Specifies what should happen when text overflows the containing element 3
text-shadow Adds shadow to text 3
text-wrap Specifies line breaking rules for text 3
word-break Specifies line breaking rules for non-CJK scripts 3
word-wrap Allows long, unbreakable words to be broken and wrap to the next line 3
6
CSS 1, 2 and 3
CSS Properties
2D/3D Transform Properties
Property Description CSS Version
transform Applies a 2D or 3D transformation to an element 3
transform-origin Allows you to change the position on transformed elements 3
transform-style Specifies how nested elements are rendered in 3D space 3
perspective Specifies the perspective on how 3D elements are viewed 3
perspective-origin Specifies the bottom position of 3D elements 3
backface-visibility Creates whether or not an element should be visible when not facing the screen 3
Transition Properties
Property Description CSS Version
transition A shorthand property for setting the four transition properties 3
transition-property Specifies the name of the CSS property the transition effect is for 3
transition-duration Specifies how many seconds or milliseconds a transition effect takes to complete 3
transition-timing-function Specifies the speed curve of the transition effect 3
transition-delay Specifies when the transition effect will start 3
User-interface Properties
Property Description CSS Version
appearance Allows you to make an element look like a standard user interface element 3
box-sizing Allows you to define certain elements to fit an area in a certain way 3
icon Provides the author the ability to style an element with an iconic equivalent 3
nav-down Specifies where to navigate when using the arrow-down navigation key 3
nav-index Specifies the tabbing order for an element 3
nav-left Specifies where to navigate when using the arrow-left navigation key 3
nav-right Specifies where to navigate when using the arrow-right navigation key 3
nav-up Specifies where to navigate when using the arrow-up navigation key 3
outline-offset Offsets an outline, and draws it beyond the border edge 3
resize Specifies whether or not an element is resizable by the user 3