An A-Z Index of CSS 3 properties

  animation           Set animation properties.
  Background-Attachment Position of a background image relative to the page.
  Background-Color    The background color of an element.
  Background-Image    The background image for an element.
  Background-Repeat   How a background image will be repeated.
  Background-Position Starting position of a background image.
  Background          Shorthand to set all the background properties above.
  Background-Clip     The painting area of the background.
  Background-Origin   The positioning area of the background images.
  Background-Size     The size of the background images.
  bookmark-label      Label a bookmark.
  bookmark-target     Target of a bookmark link.
  border-width        Width of the four borders.
  border-style        Style of the four borders.
  border-color        Color of the four borders.
  border              Shorthand to set all the border properties above.
  border-bottom-width Width of the bottom border.
  border-bottom-style Style of the bottom border.
  border-bottom-color Color of the bottom border.
  border-bottom       Shorthand to set all the border-bottom properties above.
  border-left-width   Width of the left border.
  border-left-style   Style of the left border.
  border-left-color   Color of the left border.
  border-left         Shorthand to set all the border-left properties above.
  border-right-width  Width of the right border.
  border-right-style  Style of the right border.
  border-right-color  Color of the right border.
  border-right        Shorthand to set all the border-right properties above.
  border-top-width    Width of the top border.
  border-top-style    Style of the top border.
  border-top-color    Color of the top border.
  border-top          Shorthand to set all the border-top properties above.
  border-collapse     Collapse table borders.
  border-spacing      Distance between the borders of adjacent cells.
  border-image        Set a border image.
  border-top-left-radius     Curve the top-left corner.
  border-top-right-radius    Curve the top-right corner.
  border-bottom-left-radius  Curve the bottom-left corner.
  border-bottom-right-radius Curve the bottom-right corner.
  border-radius Shorthand to set all four border-*-radius properties.
  bottom        Bottom position of a positioned element
  box-align     Align the child elements of a box.
  box-direction The direction in which children of a box are displayed.
  box-flex      Whether the children of a box are flexible or inflexible in size.
  box-ordinal-group  Display order of the child elements of a box.
  box-orient    Position child elements horizontally or vertically.
  box-pack      Define the horizontal or vertical position or a box.
  box-shadow    Attach one or more drop-shadows to the box.
  box-sizing    The CSS box model used to calculate the height and width of elements.
c
  clear         Set sides of an element where other floating elements are not allowed
  clip          Clip an absolutely positioned image/element.
  color         Text color
  column-count  Number of columns an element should be divided into.
  column-gap    Gap between the columns.
  column-rule-color  Color of the rule between columns.
  column-rule-style  Style of the rule between columns.
  column-rule-width  Width of the rule between columns.
  column-rule   A shorthand property for all the column-rule-* properties.
  column-span   How many columns an element should span across.
  column-width  Width of the columns.
  columns       Shorthand to set the column-width- and column-count.
  content       Insert generated content before or after an element.
  counter-increment  Increment one or more counters.
  counter-reset Create or reset one or more counters.
  crop          Allow a replaced element to be a cropped area of the whole object.
  cursor        The type of cursor to be displayed.
d
  direction     The text reading direction, left-to-right or right-to-left.
  display       How to display an HTML element.
f
  float         Shift to the left (or right) allowing other content to flow/wrap alongside.
  font-family   Font family for text.
  font-size     Font size of text.
  font-style    Text style italic/normal.
  font-variant  Whether or not text should be displayed in a small-caps font.
  font-weight   Normal, bold, bolder.
  font          Shorthand to set the font properties above in one declaration.
  @font-face    Download and use a web font.
  font-size-adjust  Attempt to normalise the font size.
  font-stretch  Select a normal, condensed, or expanded font face.
g
  grid-columns  Width of each column in a grid.
  grid-rows     Height of each column in a grid.
h
  height        Height of an element.
  max-height    Maximum height of an element.
  min-height    Minimum height of an element.
  hyphens       How to split words to improve the layout of paragraphs.
l
  left           Left position of a positioned element.
  Letter-Spacing Increase or decrease the space between characters.
  line-height    Line height.
  list-style-image    Set an image as the list-item marker.
  list-style-position Position of list-item markers, inside or outside the content flow.
  list-style-type     Type of list-item marker.
  list-style          Shorthand to set all the list-style-* properties in one declaration.
m
  margin-bottom  Bottom margin of an element.
  margin-left    Left margin of an element.
  margin-right   Right margin of an element.
  margin-top     Top margin of an element.
  margin         Shorthand to set all the margin properties in one declaration.
  marquee-direction  Direction of moving content.
  marquee-play-count The number of times a marquee box repeats.
  marquee-speed  How fast to scroll the content.
  marquee-style  Style of the moving content.
  marquee        Shorthand to set all the marquee properties in one declaration.
  max-width      Maximum width of an element.
  min-width      Minimum width of an element.
o
  opacity        Opacity level for an element.
  outline-color  Color of an outline.
  outline-style  Style of an outline.
  outline-width  Width of an outline.
  outline        Shorthand for the outline properties above.
  outline-offset Offset an outline, and draw it beyond the border edge.
  overflow       What happens if content overflows an element's box.
  overflow-x     Whether to clip the left/right edges of overflowing content.
  overflow-y     Whether to clip the top/bottom edges of overflowing content.
  text-overflow  What should happen when text overflows the containing element.
p
  padding-bottom Bottom padding of an element.
  padding-left   Left padding of an element.
  padding-right  Right padding of an element.
  padding-top    Top padding of an element.
  padding        Shorthand to set all the padding properties.
  page-break-after  Adjust page breaks after the current element.
  page-break-before Adjust page breaks before the current element.
  position       Positioning method for an element. (static, relative, absolute or fixed)
q
  quotes         Type of quotation marks for embedded quotations.
r
  right          Right position of a positioned element.
t
  table-layout   How to layout table columns.
  top            Top position of a positioned element.
  text-align     Horizontal alignment of text.
  text-decoration Add decoration to text.
  text-indent    Indent the first line in a text-block.
  text-overflow  What should happen when text overflows the containing element.
  text-shadow    Add a shadow to text.
  text-transform Change the capitalization of text.
  text-align-last How to align the last line of text.
  text-justify   Justification method used when text-align is "justify".
  transform        Apply a 2D or 3D transformation to an element.
  transform-origin Change the position of transformed elements.
  transform-style  How nested elements are rendered in 3D space.
  transition-property  Apply a transition effect to one or more CSS properties.
  transition-duration  The time a CSS transition effect takes to complete.
  transition-timing-function  Speed curve of the transition effect.
  transition-delay     Delay before  the CSS transition is displayed.
  transition     Shorthand to set the four transition- properties.
u
  unicode-bidi   Control the inline direction of text.
  user-select    Control the selection of text.
  vertical-align Vertical alignment of an image/element.
  visibility     Hide or show an element.
w
  white-space    How white-space inside an element is handled.
  word-spacing   Increase or decrease the space between words in a text.
  width          Width of an element.
  max-width      Maximum width of an element.
  min-width      Minimum width of an element.
  z-index        Stack order of a positioned element.
/* This is a CSS comment */

The list of CSS properties above includes CSS 1, CSS 2 and CSS 3 but omits some W3C standard properties that are not yet supported by any major web browsers.
Items displayed in grey have very limited web browser support.
CSS References: W3C CSS2,CSS 3, Mozilla CSS, Safari/Webkit CSS, Microsoft CSS


Back to the Top

© Copyright SS64.com 1999-2013
Some rights reserved