CSS2

Background
Background Background-attachment Background-color Background-image Background-position Background-repeat
Border
Border Border-bottom Border-bottom-color Border-bottom-style Border-bottom-width Border-color Border-left Border-left-color Border-left-style Border-left-width Border-right Border-right-color Border-right-style Border-right-width Border-style Border-top Border-top-color Border-top-style Border-top-width Border-width
Classification
Classification Clear Cursor Display Float Positon Visibility
Dimension
Dimension Height Line-height Max-height Max-width Min-height Min-width Width
Font
Font Font-family Font-size Font-size-adjust Font-stretch Font-style Font-variant Font-weight
Generated Content
Generated Content Content Counter-increment Counter-reset Quotes
List and Marker
List List-style List-style-image List-style-position List-style-type
Margin
Margin Margin-bottom Margin-left Margin-right Margin-top
Outline
Outline Outline-color Outline-style Outline-width
Padding
Padding Padding-bottom Padding-left Padding-right Padding-top
Positioning
Positioning Bottom Clip Left Overflow Position Right Top Vertical-align Z-index
Table
Table Border-collapse Border-spacing Caption-side Empty-cells Table-layout
Text
Text Color Direction Line-height Letter-spacing Text-align Text-decoration Text-indent Text-transform White-space Word-spacing
Pseudo-classes
Pseudo-classes Active Focus Hover Link Visited First-child Lang
Pseudo-elements
Pseudo-elements First-letter First-line Before After
!important

## Pseudo-elements

CSS Pseudo-elements се използват за добавяне на специални ефекти на някои селектори.

### Синтаксис

Синтаксис на pseudo-elements:

    selector:pseudo-element {property: value}

CSS класовете могат да бъдат използвани с pseudo-elements:

    selector.class:pseudo-element {property: value}

### Pseudo-elements и CSS класове

Pseudo-elements могат да бъдат комбинирани с CSS класове:

    p.article:first-letter {color:#ff0000}

    <p class="article">A paragraph in an article</p>

Примерът по-горе ще направи първата буква на параграфа с клас "article" червена.

### Multiple Pseudo-elements

Няколко pseudo-elements могат да бъдат комбинирани.

    p:first-letter {color:#ff0000;font-size:xx-large}
    p:first-line {color:#0000ff}

    <p>The first words of an article...</p>

### Pseudo-elements

Pseudo-elements | Цел | IE | F | N | W3C
--- | --- | --- | --- | --- | ---
:first-letter | Задава специален стил на първата буква на текста. | 5 | 1 | 8 | 1
:first-line | Задава специален стил на първата линия на текста. | 5 | 1 | 8 | 1
:before | Вмъква съдържание преди елемента. |  | 1.5 | 8 | 2
:after | Вмъква съдържание след елемента. |  | 1.5 | 8 | 2

Back To Top

Copyright © 2007 RARO Design & Develop