Pagina tradusa de Teodor Birca
Originalul :http://www.quirksmode.org/css/contents.html
Multumiri : Bijuterii Handmade

Selectorii CSS 2.1

Specificatii.

Selector IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
* selector
Selecteaza toate elementele
Da Da Da Da Da Da
 
> selector
Selecteaza un element care e copilul altui element
Nu Da Da Da Da Da Da
+ selector
Selecteaza un element care e urmatorul dupa copilul altui element
Nu Static Aproape Static Da Static Static Da Da

Static: browserul nu actualizeaza corect stilul elementului original cand alt element e plasat inaintea lui.

IE8b2 actualizeaza corect, doar dupa ce stergi focusul de pe linkul de test.

[attr] selector
Selecteaza un element cu un anumit atribut
Nu Da Da Da Da Da Da
 
Multiple classes
Cand un element poate suporta una sau mai multe clase
Buggy Da Da Da Da Da Da
 
Selector IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
:before and :after
genereaza continut inainte si dupa selector
Nu Da Da Da Da Da Da
:hover and :active
An element in a hovered (mouseover) or active (mousedown) state.
Minim Incomplet Da Da Incomplet Da Da Aproape
  • IE 5/6 suporta doar in links. IE 7/8 suporta :hover, dar Nut :active, pe toate elementele.
  • Konqueror sterge :active styles Aproape imediat.
  • Aceste pseudo-classesunt greu de testat pe iPhone. Apasand pe linkul de test vezi hover styles; pana clichezi pe alt link.
:first-child
un element care e primul copil
Nu Static Aproape Static Da Static Da Static Da Da Da

IE7, Firefox 2 si Safari nu actualizeaza stilurile cand sunt adaugate dinamic. IE8b2 o face, dar doar dupa ce stergi focusul de pe link.

:focus
formular care accepta focus
Nu Da Da Da Buggy Da Da Da
  • Safari iPhone nu pun focus pe form. Odata ce ai clicat pe camp (si ia stilul corect :focus )trebuie clicat din nou, saqu textul ascuns nu va aparea. Cauzata de schimbarea width .
Selector IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
 

Declaratiile CSS 2.1

Selector IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
content
pentru :before/:after
Nu Da Aproape Da Aproape Aproape Aproape Aproape
  • numai IE8, FF3+ si Konqueror suporta Nune .
  • Konqueror are probleme counter.
counters
Nu Da Da Da Da Da Da

To assign counters to headings or other elements.

cursor
schimba stilul cursorului
Da Da Da Netestabil Da Da Da

Valorile Microsoft nu conteaza pentru compatibilitatea generala a browserului.

  • iPhone does Nut are un cursor.
display
Incomplet Aproape Da Incomplet Da Da Da Da Da

compatibilitatea depinde numai de valorile block, inline, Nune, inline-block, si list-item.

List styles
Types, image, position
Incomplet Da Da Da Da Da Da

IE7- nu suporta cateva tipuri.

pagina de test contine valori CSS 3 .

min/max-width/height
Nu Minim Da Da Da Da Da Da

IE 6 suporta min-height doar pe TD’s .

Declaratii IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
outline
un tip de border dar diferit
Nu Da Da Da Da Da Da
overflow
Incorrect Da Da Da Da Da Da
  • IE 5/6 nu implementeazaoverflow: visible corect.
position
Incomplet Aproape Buggy Da Da Incomplet Da Da Da

IE 5/6 si Safari iPhone nu suporta position: fixed

  • IE7 are un bug straniu;
  • IE8b2 ascunde layerul verde cand e selectat absolute sau fixed.
Table columns
Incomplet Da Da Incomplet Incomplet Incomplet Incomplet

 

Table declarations
empty-cells, border-collapse, border-spacing, table-layout, caption-side
Incomplet Da Da Da Da Da Da

 

white-space
pentru a sterge text wrapping sau pentru a face un element sa se comporte ca pre
Incomplet Da Incomplet Da Da Da Da Da

 

Declaratii IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
 

Selectorii CSS 3

Specificatii.

Selector IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
~ selector
selecteaza un element care este in general sibling pentru alt element
Nu Da Da Da Da Da Da
Advanced [attr] selectors
Selecteaza un element cu un atribut a carei valori incepe si se termina cu, ori contine un anumit string.
Nu Da Da Da Da Da Da
 
:first-line and :first-letter
prima linie sau prima litera a unui element
Da Da Aproape Aproape Aproape Aproape
  • Safari, Chrome si Konqueror adauga un 'T' la dinamic test.
  • Opera pierde 'T' 'ul incepand cu a doua secventa la testul dinamic.
Selector IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
:Nut
negarea unui selector
Nu Da Da Da Da Da
:root
root element, sau initialul continand block.
Nu Da Da Da Da Da
:target
tinta (page.html#testHash)
Nu Da Da Da Incomplet Da
  • Opera nu reactioneaza cand clicati Back si Forward buttons: elementul nu e aplicat sau stergethe pseudo-classele.
:enabled, :disabled and :checked
pentru a activa/dezactiva sau checked un field dintr-un form
Nu Da Da Da Da Da
Selector IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
:empty
elemente goale
Nu Static Da Static Da Incomplet Da Da Static

Static: browserul nu actualizeaza cand stilul e adaugat initially empty <div>.

  • Safari iPhone sterge corect stilul :empty cand continutul e adaugat dar nu il reaplica cand continutul e scos
:last-child
un elementcare e ultimul copil
Nu Static Da Nu Da Static Da Da Da

Static: nu actualizeaza stilul cand elementele sunt adaugate dinamic

:only-child
un element care e singurul copil
Nu Static Da Nu Da Da Da Da

Firefox 2 nu actualizeaza stilul cand elementele sunt adaugate dinamic

:nth-child() and :nth-of-type()
selecteaza elemente dupa o formula
Nu Nu Da Nu Dynamic bug Da Dynamic bug Static Da
  • Opera mereu adauga stilul corect elementelor generate noi , dar nu sterge stilul cand e necesar. In practica aceasta inseamna cand un stil e incarcat nu il va mai pierde.
  • Chrome si Safari 3.1 au un bug in testul dynamicca si Opera. Ei tind sa fie confuzi (admittedly Nun-standard) de paragrafele din lista
::selection
text selectat de catre user
Nu -moz- Da Netestabil Da Da Da
Special Mozilla syntax.
Media queries
ajuta sa definesti blocuri de stil care au efect numai in anumite rezolutii
Nu Nu Da Static Static Da Nu

Safari nu updateaza

Declaration IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
 

Declaratiile CSS 3

Selector IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
background-attachment
pt elemente care nu sunt body
Incorrect Incomplet Incomplet Incomplet Minim Incomplet Incomplet Incorrect

scroll si fixed sunt valori CSS 2 , dar local e valoare CSS 3 . E vital si testez compatibilitatea CSS3 aici.

  • In IE7 si versiunile mai mici dar si Konqueror scroll inseamna local.
  • Safari iPhone suporta numai scrol.
  • nici un browser nu suporta local
Multiple background images
cum poate fi definit mai mult de un background ca imagine
Nu Nu Da Da Nu Da
 
box-sizing
Nu Da -moz- Da -webkit- -webkit- Da Da

Mozilla cere -moz-box-sizing si suporta alte valori. Safari 3.1+ -webkit-box-sizing.

Nici un browser nu suporta box-sizing in combinatie cu min- sau max- width sau height.

  • Safari iPhone da un font mai mic lui border-box . Acesta e un bug.
Columns
divide un box in diferite coloane
Nu -moz- -webkit- -webkit- Nu Nu
 
Declaratii IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7
content
in orice element fara nici o referinta la :before/:after pseudo-elements.
Nu Nu Incomplet Incomplet Da Da
  • Safari si Chrome supporta continut pentru imagini, si Nut pentru text.
opacity
filter -ms-filter Da Da Da Da Nu

Syntaxa Standard ; Microsoft syntax pentru IE5-7, si Microsoft syntax pentru IE8.

resize
ajuta userul sa micsoreze un element
Nu Nu Da Incomplet Nu Incomplet Nu Nu
  • Safari 3.1 si Chrome impiedica micsorarea elementului mai mult ca originalul, iar Safari 3.0 nu.
text-overflow
Shows ellipsis characters when a text flows outside its box.
Nu Da Nu Nu Da Da -o- Buggy

aceasta proprietate are sens cand un box are spatiu alb: Nuwrap si overflow altele decat visibile.

  • Konqueror nu arata caracterele ellipsis .
text-shadow
creaza o umbra pt text
Nu Nu Da Da Nu Da Da
 
Declaratii IE 5.5 IE 6 IE 7 pure IE8b2 as IE7 IE8b2 as IE8 FF 2 FF 3.0 FF 3.1b Saf 3.0 Win Saf 3.1 Win iPhone 3G Chrome 0.3 Opera 9.51 Opera 9.62 Konqueror 3.5.7