Login
Benutzername
Kennwort
List of all CSS Properties as of CSS 2.1 standard, as described in: http://www.w3.org/TR/CSS21/propidx.html
/*Azimuth means literally "angle of the horizon" and is used to give a sound signal a position in the (horizontal) sound space.*/ Position is described in terms of an angle within the range '-360deg' to '360deg'. The value '0deg' means directly ahead in the center of the sound stage. '90deg' is to the right, '180deg' behind, and '270deg' (or, equivalently and more conveniently, '-90deg') to the left.
The 'background' property is a shorthand property for setting the individual background properties (i.e., 'background-color', 'background-image', 'background-repeat', 'background-attachment' and 'background-position') at the same place in the style sheet.
If a background image is specified, this property specifies whether it is fixed with regard to the viewport ('fixed') or scrolls along with the containing block ('scroll').
This property sets the background color of an element, either a value or the keyword 'transparent', to make the underlying colors shine through.
This property sets the background image of an element. When setting a background image, authors should also specify a background color that will be used when the image is unavailable. When the image is available, it is rendered on top of the background color. (Thus, the color is visible in the transparent parts of the image).
If a background image has been specified, this property specifies its initial position. If only one value is specified, the second value is assumed to be 'center'. If at least one value is not a keyword, then the first value represents the horizontal position and the second represents the vertical position. Negative and values are allowed.
If a background image is specified, this property specifies whether the image is repeated (tiled), and how. All tiling covers the content, padding and border areas of a box.
The Behavior property specifies one or more space separated URLs indicating script(s) to attach to a CSS selector. Behaviors allow the default functionality of a given element to be extended. Using simple CSS syntax that allows script to be separated from style and content, CSS behaviors offer a fairly elegant and efficient way to re-use script code.
This is a shorthand property which allows an author to specify the border-width, border-style, and border-color for all the borders of an element's rendering box at once.
This property selects a table's border model. The value 'separate' selects the separated borders border model. The value 'collapse' selects the collapsing borders model. The models are described below.
The 'border-color' property sets the color of the four borders.
CSS3
the art of web CSS Juice
/*This property specifies the distance between the borders of adjacent table cells in the "separated borders" model. The space between table cells uses the background color/image specified for the explicit or assigned TABLE element. */ The lengths specify the distance that separates adjoining cell borders. If one length is specified, it gives both the horizontal and vertical spacing. If two are specified, the first gives the horizontal spacing and the second the vertical spacing. Lengths may not be negative.
The 'border-style' property sets the style of the four borders. It can have from one to four values, and the values are set on the different sides as for 'border-width' above.
'border-top', 'border-right', 'border-bottom', 'border-left' This is a shorthand property for setting the width, style, and color of the top, right, bottom, and left border of a box.
'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color'
This property controls the line style of the top border of an element's rendering box. Browsers that support this property are allowed to treat values of dotted, dashed, groove, ridge, inset, outset and double as the value solid.
'border-top-width' ,'border-right-width', 'border-bottom-width', 'border-left-width'
This property is a shorthand property for setting 'border-top-width', 'border-right-width', 'border-bottom-width', and 'border-left-width' at the same place in the style sheet.
/*This describes the vertical offset for the bottom edge of the absolutely positioned element box from the bottom edge of the element's containing block.*/ Like 'top', but specifies how far a box's bottom margin edge is offset above the bottom of the box's containing block.
/*This property specifies the position of elements with an intrinsic (HTML CAPTION elements) or assigned 'display' property value of "table-caption" in relation to the table rendering box they are assigned to.*/ This property specifies the position of the caption box with respect to the table box.
This property indicates which sides of an element's box(es) may not be adjacent to an earlier floating box. The 'clear' property does not consider floats inside the element itself or in other block formatting contexts.
/*A clipping area describes the portions of an element's rendering box that are visible (when an element's 'overflow' property is not set to 'visible'.) */ The 'clip' property applies only to absolutely positioned elements.
This property describes the foreground color of an element's text content.
This property is used with the :before and :after pseudo-elements to generate content in a document.
/*The 'counter-increment' property acts like an incremented variable in a programming language - it specifies the amount to increment the specified counter by when the current CSS selector is encountered.*/ The 'counter-increment' property accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer indicates by how much the counter is incremented for every occurrence of the element. The default increment is 1. Zero and negative integers are allowed.
/*The 'counter-reset' property acts like a variable assignment in a programming language - it sets a new value for the specified counter whenever the current CSS selector is encountered.*/ The 'counter-reset' property also contains a list of one or more names of counters, each one optionally followed by an integer. The integer gives the value that the counter is set to on each occurrence of the element. The default is 0.
The 'cue' property is a shorthand for setting 'cue-before' and 'cue-after'. If two values are given, the first value is 'cue-before' and the second is 'cue-after'. If only one value is given, it applies to both properties.
Auditory icons are another way to distinguish semantic elements. Sounds may be played before and/or after the element to delimit it.
/*This property controls the type of cursor that is used when a pointing device is over an element.*/ This property specifies the type of cursor to be displayed for the pointing device.
This property specifies the base writing direction of blocks and the direction of embeddings and overrides (see 'unicode-bidi') for the Unicode bidirectional algorithm. In addition, it specifies the direction of table column layout, the direction of horizontal overflow, and the position of an incomplete last line in a block in case of 'text-align: justify'.
/*This property specifies the type of rendering box used for an element. In a language such as HTML where existing elements have well-defined behavior, default 'display' property values are taken from behaviors described in the HTML specifications or from the browser/user default stylesheet. In languages where display behavior is not defined (like XML), the default value is 'inline'.*/
/*In an optimal listening environment, the soundstage is considered to be parallel to the floor, with origin point at the listeners head. This property specifies the vertical angle off of the soundstage plane giving up/down angle references as a location for a referenced element.*/
In the separated borders model, this property controls the rendering of borders and backgrounds around cells that have no visible content. Empty cells and cells with the 'visibility' property set to 'hidden' are considered to have no visible content.
This property specifies whether a box should float to the left, right, or not at all. It may be set for any element, but only applies to elements that generate boxes that are not absolutely positioned.
The 'font' property is, except as described below, a shorthand property for setting 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height' and 'font-family' at the same place in the style sheet. The syntax of this property is based on a traditional typographical shorthand notation to set multiple properties related to fonts.
The value is a prioritized list of font family names and/or generic family names. Unlike most other CSS properties, values are separated by a comma to indicate that they are alternatives: body { font-family: Gill, Helvetica, sans-serif }
The font size corresponds to the em square, a concept used in typography. Note that certain glyphs may bleed outside their em squares.
The 'font-style' property selects between normal (sometimes referred to as "roman" or "upright"), italic and oblique faces within a font family.
The 'font-weight' property selects the weight of the font.
This property specifies the content height of boxes generated by block-level, inline-block and replaced elements.
Like 'top', but specifies how far a box's left margin edge is offset to the right of the left edge of the box's containing block. For relatively positioned boxes, the offset is with respect to the left edge of the box itself.
This property specifies spacing behavior between text characters.
/*This property specifies the height of an in-line element box.*/ On a block-level, table-cell, table-caption or inline-block element whose content is composed of inline-level elements, 'line-height' specifies the minimal height of line boxes within the element. The minimum height consists of a minimum height above the block's baseline and a minimum depth below it, exactly as if each line box starts with a zero-width inline box with the block's font and line height properties (what TEX calls a "strut"). On an inline-level element, 'line-height' specifies the height that is used in the calculation of the line box height (except for inline replaced elements, where the height of the box is given by the 'height' property).
The 'list-style' property is a shorthand notation for setting the three properties 'list-style-type', 'list-style-image', and 'list-style-position' at the same place in the style sheet.
This property sets the image that will be used as the list item marker. When the image is available, it will replace the marker set with the 'list-style-type' marker.
/*This property determines how the list-marker is rendered in relation to the content of the list item. */ This property specifies the position of the marker box in the principal block box. Values have the following meanings: outside The marker box is outside the principal block box. CSS 2.1 does not specify the precise location of the marker box. inside The marker box is the first inline box in the principal block box, after which the element's content flows. CSS 2.1 does not specify the precise location of the marker box.
/*This property is used when the author wishes to change the default appearance of list-markers in HTML list structures. If a 'list-style-image' property is also given and it has a value of 'none' or the URL can not be loaded, the 'list-style-type' property value will be used in its place. This property should always be specified in the event the URL pointed to in 'list-style-image' can not be loaded. If a value for this property is not understood, the value 'decimal' should be used.*/ This property specifies appearance of the list item marker if 'list-style-image' has the value 'none' or if the image pointed to by the URI cannot be displayed. The value 'none' specifies no marker, otherwise there are three types of marker: glyphs, numbering systems, and alphabetic systems.
The 'margin' property is a shorthand property for setting 'margin-top', 'margin-right', 'margin-bottom', and 'margin-left' at the same place in the style sheet.
margin-right, margin-left These properties set the right and left margin of a box.
margin-top, margin-bottom These properties set the top and bottom and left margin of a box.
This property allow authors to constrain box heights to a certain range.
This property allow authors to constrain content widths to a certain range.
These two properties allow authors to constrain box heights to a certain range.
The 'orphans' property specifies the minimum number of lines of a paragraph that must be left at the bottom of a page. The 'widows' property specifies the minimum number of lines of a paragraph that must be left at the top of a page. Examples of how they are used to control page breaks are given below.
The outline created with the outline properties is drawn "over" a box, i.e., the outline is always on top, and doesn't influence the position or size of the box, or of any other boxes. Therefore, displaying or suppressing outlines does not cause reflow or overflow.
The 'outline-color' accepts all colors, as well as the keyword 'invert'. 'Invert' is expected to perform a color inversion on the pixels on the screen. This is a common trick to ensure the focus border is visible, regardless of color background.
The 'outline-style' property accepts the same values as 'border-style', except that 'hidden' is not a legal outline style.
The 'outline-width' property accepts the same values as 'border-width'.
This property specifies whether content of a block-level element is clipped when it overflows the element's box. It affects the clipping of all of the element's content except any descendant elements (and their respective content and descendants) whose containing block is the viewport or an ancestor of the element.
The 'padding' property is a shorthand property for setting 'padding-top', 'padding-right', 'padding-bottom', and 'padding-left' at the same place in the style sheet. If there is only one value, it applies to all sides. If there are two values, the top and bottom paddings are set to the first value and the right and left paddings are set to the second. If there are three values, the top is set to the first value, the left and right are set to the second, and the bottom is set to the third. If there are four values, they apply to the top, right, bottom, and left, respectively.
'padding-top', 'padding-right', 'padding-bottom', 'padding-left' These properties set the top, right, bottom, and left padding of a box.
/*This property specifies the page-breaking behavior that should occur after an element box and on what side of the page the content that follows should resume on. Page breaks are not allowed in absolutely positioned elements. */ A potential page break location is typically under the influence of the parent element's 'page-break-inside' property, the 'page-break-after' property of the preceding element, and the 'page-break-before' property of the following element. When these properties have values other than 'auto', the values 'always', 'left', and 'right' take precedence over 'avoid'.
/*This property specifies the page-breaking behavior that should occur before an element box and on what side of the page the content that follows should resume on. Page breaks are not allowed in absolutely positioned elements. */ A potential page break location is typically under the influence of the parent element's 'page-break-inside' property, the 'page-break-after' property of the preceding element, and the 'page-break-before' property of the following element. When these properties have values other than 'auto', the values 'always', 'left', and 'right' take precedence over 'avoid'.
/*This property specifies the page-breaking behavior that should occur inside an element's rendering box. Page breaks are not allowed in absolutely positioned elements. */ A potential page break location is typically under the influence of the parent element's 'page-break-inside' property, the 'page-break-after' property of the preceding element, and the 'page-break-before' property of the following element. When these properties have values other than 'auto', the values 'always', 'left', and 'right' take precedence over 'avoid'.
The 'pause' property is a shorthand for setting 'pause-before' and 'pause-after'. If two values are given, the first value is 'pause-before' and the second is 'pause-after'. If only one value is given, it applies to both properties.
This property specify a pause to be observed after speaking an element's content.
This property specify a pause to be observed before speaking an element's content.
Specifies the average pitch (a frequency) of the speaking voice. The average pitch of a voice depends on the voice family. For example, the average pitch for a standard male voice is around 120Hz, but for a female voice, it's around 210Hz.
Specifies variation in average pitch. The perceived pitch of a human voice is determined by the fundamental frequency and typically has a value of 120Hz for a male voice and 210Hz for a female voice. Human languages are spoken with varying inflection and pitch; these variations convey additional meaning and emphasis. Thus, a highly animated voice, i.e., one that is heavily inflected, displays a high pitch range. This property specifies the range over which these variations occur, i.e., how much the fundamental frequency may deviate from the average pitch.
Similar to the 'cue-before' and 'cue-after' properties, this property specifies a sound to be played as a background while an element's content is spoken.
/*This property determines whether normal, relative or absolute positioning methods are used to render the current element box. */
This property specifies quotation marks for any number of embedded quotations.
Specifies the richness, or brightness, of the speaking voice. A rich voice will "carry" in a large room, a smooth voice will not. (The term "smooth" refers to how the wave form looks when drawn.)
Like 'top', but specifies how far a box's right margin edge is offset to the left of the right edge of the box's containing block. For relatively positioned boxes, the offset is with respect to the right edge of the box itself. Note: For absolutely positioned elements whose containing block is based on a block-level element, this property is an offset from the padding edge of that element.
This property specifies whether text will be rendered aurally and if so, in what manner.
This property specifies whether table headers are spoken before every cell, or only before a cell when that cell is associated with a different header than the previous cell.
This property controls how numerals are spoken.
This property specifies how punctuation is spoken.
This property specifies the speaking rate. Note that both absolute and relative keyword values are allowed (compare with 'font-size').
/*This is similar to the 'pitch-range' property - it specifies the maximum output height of "local peaks" in the current voice's wave form. */ Specifies the height of "local peaks" in the intonation contour of a voice. For example, English is a stressed language, and different parts of a sentence are assigned primary, secondary, or tertiary stress. The value of 'stress' controls the amount of inflection that results from these stress markers. This property is a companion to the 'pitch-range' property and is provided to allow developers to exploit higher-end auditory displays.
The 'table-layout' property controls the algorithm used to lay out the table cells, rows, and columns.
This property describes how inline content of a block is aligned.
This property describes decorations that are added to the text of an element using the element's color.
This property specifies the indentation of the first line of text in a block. More precisely, it specifies the indentation of the first box that flows into the block's first line box. The box is indented with respect to the left (or right, for right-to-left layout) edge of the line box. User agents should render this indentation as blank space.
This property controls capitalization effects of an element's text.
This property specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the box's containing block. For relatively positioned boxes, the offset is with respect to the top edges of the box itself (i.e., the box is given a position in the normal flow, then offset from that position according to these properties). Note: For absolutely positioned elements whose containing block is based on a block-level element, this property is an offset from the padding edge of that element.
/*Text in some languages flows from right to left, while many other languages flow from left to right. There will inevitably be cases where left to right text and right to left content must be intermingled. Unicode allows for a complex process of determining the directional flow of content based on properties of the characters and content, as well as explicit controls for language "embeddings" and directional overrides. This algorithm should be used with bi-directional content as formatted by CSS. The 'unicode-bidi' and 'direction' properties specify how document content maps to the Unicode algorithm. */
This property affects the vertical positioning inside a line box of the boxes generated by an inline-level element.
The 'visibility' property specifies whether the boxes generated by an element are rendered. Invisible boxes still affect layout (set the 'display' property to 'none' to suppress box generation altogether).
/*This property indicates a comma-separated, prioritized list (left to right in decreasing priority) of specific and/or generic voice family names. At least one specific or general voice family must be given and it is wise to include a generic voice family as well in case the user does not have any of the specific voices listed. If no match is made, the browser default voice family should be used. */ The value is a comma-separated, prioritized list of voice family names (compare with 'font-family').
Volume refers to the median volume of the waveform. In other words, a highly inflected voice at a volume of 50 might peak well above that. The overall values are likely to be human adjustable for comfort, for example with a physical volume control (which would increase both the 0 and 100 values proportionately); what this property does is adjust the dynamic range.
This property declares how whitespace inside the element is handled.
This property specifies the content width of boxes generated by block-level and replaced elements.
This property specifies spacing behavior between words.
For a positioned box, the 'z-index' property specifies: 1. The stack level of the box in the current stacking context. 2. Whether the box establishes a local stacking context.