[Alku]
Testaa CSS-oppaan navigoinnin toimivuutta!
 
 Etsi sivuiltani: [Apua]

At-sääntölista

Yleisesti ottaen at-säännöt ovat yleisemmän tason sääntöjä kuin tavanomaiset säännöt. Siksi tiettyjä asioita ei voi ilmaista vain tavanomaisilla säännöillä. Useimmat at-säännöt liittyvät CSS:n kohdentamiseen erityistilanteisiin. Aiemmin mainittujen at-sääntöjen lisäksi myös kirjaimiston voi vaihtaa kirjaimistosäännöllä (@charset). Sääntöä voi käyttää vain ulkopuolisissa tyylisivuissa. Sen käyttö näyttää vaikka tältä:

@charset "ISO-8859-1";

Selainkohtaisia huomautuksia:

  1. DevGuru CSS2 mukaan Mozilla Gecko ja MS IE 5.x+ -selaimet tukevat @charset at-sääntöä. Erään hyvin luotettavan Mozilla org. saamani s-postiviestin mukaan se toimii Netscape/Mozilla -selaimissa 4/2000 lähtien. Koska en tiedä, miten testaisin asian, en voi varmistaa tätä asiaa MS IE:n suhten.

    DevGuru CSS2: @rules: charset; Microsoft @charset Rule.
  2. Opera Software ei ilmoita, että Opera 7.x ei @charset tukisi, joten Opera saattaa tukea sitä.

CSS3:een on ehdotettu lisättäväksi uusia at-sääntöjä, kuten @namespace. Selostan @namespace käyttöä sivuilla CSS notes 1[S] ja Valitsimet[S]. Se on sääntö, joka tulee sijoittaa tyylisivun alkuun kuten @charset at-sääntökin.

W3C: CSS2-CSS3: 4 CSS2 syntax and basic data types, 4.4 CSS document representation[Pw], CSS Namespace Enhancements (CSS3:een tehty ehdotus).
Muita sivustoja: John Allsop: Basic concepts.

At-säännöt (sanan selitys[S][Pw]) ovat kahdenlaisia käskyjä (statements; sanan selitys[S][Pw]). Ensiksi yksinkertaisia rivikäskyjä, jotka päättyvät ;-merkkiin. Toiseksi on käskyjä, joita voimme nimittää lohkokäskyiksi (tai käskylohkoiksi), sillä niissä rajoittimina toimivat kaarisulut ({}). Tällä sivulla käsitelly at-säännöt ovat seuraavat:

  • Yksinkertaiset rivikäskyt (ne tulee sijoittaa tyylisivuen alkuun):
    • @charset (CSS2)
    • @namespace (CSS3)
    • @import (CSS1)
    • @import () [mediatyypinNimi]; (CSS2) (mediatyyppien mukaan kohdistettu CSS)
    • @fontdef (epästandardi)
  • Käskylohkot:
    • @page (CSS2)
    • @font-face (CSS2)
    • @media (CSS2)

Alla on taulukko tällä sivulla mainitsemieni at-sääntöjen tukemisesta:

Kaikki käytt./ Windows (MS IE): @import @import url() ...; @media @page @charset @namespace @font-face @fontdef
Opera 7.x+ [OK!] [OK!] [OK!] [OK!] [OK!] (?) [OK!]    
Opera 5.1x-6.x [OK!] [OK!] [OK!] [OK!]        
Opera 4.x-5.0x [OK!]   [OK!] [OK!]        
Mozilla 0.7+, Netscape 6.1+ [OK!] [OK!] [OK!]   [OK!] [OK!]    
Mozilla 0.6, Netscape 6.0x [OK!]   [OK!]   [OK!] [OK!]    
MS IE 5.5+ [OK!]   [OK!]   [OK!](?)   [OK!]  
MS IE 5.0 [OK!]   [OK!]   [OK!](?)   [OK!]  
MS IE 4.0 [OK!]           [OK!]  
Opera 3.51-3.6x [OK!]              
Netscape 4.x               [OK!]
Mac:
MS IE 5.0 [OK!]       ?   [OK!]  

[Alku]