D.1 Dilbilgisi

Aşağıdaki sözdizimi tanımları, çözümleme uzlaşımlarını ifade etmediğinden kullanıcı arayüzlerinin kullanması için değildir, sadece BB2 sözdizimini belirtir. Sözdizimi tanımları insanlar tarafından kullanılabilsin diye eniyilenmiş olup bazı kısa gösterimler için [YACC] gösterimleri kullanılmıştır:

• *: 0 veya fazlası
• +: 1 veya fazlası
• ?: 0 ya da 1
• |: seçenekler arasına konur
• [ ]: gruplama için

Renk değerleri üzerinde bir kısıtlama vardır: bir '#' karakterinden hemen sonra gelen ya 3 ya da 6 adet onaltılık rakamdan (yani, [0-9a-fA-F]) oluşmaları gerekir; örneğin, "#000" geçerlidir ama "#abcd" geçerli değildir.

Çevirmenin notu:

Yukarıdaki sözdizimi tanımlarını alt tanım terimleriyle bir bütün haline getirebilmek ve biçembent yazanların yazım kurallarına çabuk ulaşabilmesini sağlamak için aşağıdaki sözdizimi tanımlarını (Lex sözdizimsel tarayıcı sonuçlarından kodları tercüme ederek) ben ekledim.

D.2 Sözdizimsel tarayıcı

Aşağıdaki dizgecikler [FLEX] gösterimiyle yazılmıştır ve harf büyüklüğüne duyarlı değillerdir.

Aşağıda yer alan her iki "\377" değeri de Flex'in çalışabildiği en büyük karakter numarasını (onluk tabanda 255) göstermektedir. Bunlar Unicode/ISO-10646'da en büyük karakter kodu olan ve BB2'de geçerli bir karakter öncelemi olarak "\10FFFF" şeklinde okunmalıdır.

%option case-insensitive

h               [0-9a-f]
nonascii        [\200-\377]
unicode         \\{h}{1,6}[ \t\r\n\f]?
escape          {unicode}|\\[ -~\200-\377]
nmstart         [a-z]|{nonascii}|{escape}
nmchar          [a-z0-9-]|{nonascii}|{escape}
string1         \"([\t !#$%&(-~]|\\{nl}|\'|{nonascii}|{escape})*\"
string2         \'([\t !#$%&(-~]|\\{nl}|\"|{nonascii}|{escape})*\'

ident           {nmstart}{nmchar}*
name            {nmchar}+
num             [0-9]+|[0-9]*"."[0-9]+
string          {string1}|{string2}
url             ([!#$%&*-~]|{nonascii}|{escape})*
w               [ \t\r\n\f]*
nl              \n|\r\n|\r|\f
range           \?{1,6}|{h}(\?{0,5}|{h}(\?{0,4}|{h}(\?{0,3}|{h}(\?{0,2}|{h}(\??|{h})))))

%%

[ \t\r\n\f]+            {return S;}

\/\*[^*]*\*+([^/][^*]*\*+)*\/   /* ignore comments */

"<!--"                  {return CDO;}
"-->"                   {return CDC;}
"~="                    {return INCLUDES;}
"|="                    {return DASHMATCH;}

{string}                {return STRING;}

{ident}                 {return IDENT;}

"#"{name}               {return HASH;}

"@import"               {return IMPORT_SYM;}
"@page"                 {return PAGE_SYM;}
"@media"                {return MEDIA_SYM;}
"@font-face"            {return FONT_FACE_SYM;}
"@charset"              {return CHARSET_SYM;}
"@"{ident}              {return ATKEYWORD;}

"!{w}important"         {return IMPORTANT_SYM;}

{num}em                 {return EMS;}
{num}ex                 {return EXS;}
{num}px                 {return LENGTH;}
{num}cm                 {return LENGTH;}
{num}mm                 {return LENGTH;}
{num}in                 {return LENGTH;}
{num}pt                 {return LENGTH;}
{num}pc                 {return LENGTH;}
{num}deg                {return ANGLE;}
{num}rad                {return ANGLE;}
{num}grad               {return ANGLE;}
{num}ms                 {return TIME;}
{num}s                  {return TIME;}
{num}Hz                 {return FREQ;}
{num}kHz                {return FREQ;}
{num}{ident}            {return DIMEN;}
{num}%                  {return PERCENTAGE;}
{num}                   {return NUMBER;}

"url("{w}{string}{w}")" {return URI;}
"url("{w}{url}{w}")"    {return URI;}
{ident}"("              {return FUNCTION;}

U\+{range}              {return UNICODERANGE;}
U\+{h}{1,6}-{h}{1,6}    {return UNICODERANGE;}

.                       {return *yytext;}

D.3 BB1 ile BB2 dizgeciklerinin karşılaştırması

BB1 önergesinde ([CSS1]) belirtilen sözdizimi yukarıdakinden biraz farklıdır. Çoğu BB2'deki bazı dizgeciklerin BB1'de bulunmayışındandır. Diğerleri dilbilgisinin daha okunabilir olması için yeniden yazılmasından kaynaklanmıştır. Bununla birlikte, BB1 ile uyumlu olmayan ve BB1'de hatalara yol açabilecek bazı değişiklikler de vardır. Bunlara burada değinilmiştir.

• BB1 biçembentlerinde karakterler sadece 1 bayt uzunlukta olabilmektedir (ASCII ve ISO-8859-1'de olduğu gibi). BB2 için böyle bir sınırlama yoktur. Uygulamada zaten BB1 dizgeciklerini tahminde küçük zorluklar yaşanmaktaydı ve bazı kullanıcı arayüzleri 2 baytlık kodlamaları kabul etmekteydi.

• BB1'de Unicode karakterlerine atıfta bulunmak için tersbölüden sonra dört adet onaltılık rakama izin verilmekteydi, BB2'de altı rakama izin verilmektedir. Örneğin, BB1'de "\abcdef" dizgesi üç Unicode karakterini ifade etmesine (\abcd, e ve f) karşın, BB2'de aynı dizi tek bir karakteri ifade eder. Bundan başka, BB2 karakter öncelemlerini sınırlamak için boşluk karakterlerinin kullanımına da izin vermektedir.

• Dizgelerde sekme karakterlerine (ASCII 9) izin verilmezdi. Bununla birlikte, BB1'de dizgelere sadece yazıtipi isimlerinde ve tanım-yerlerinde izin verilmekteydi. Bu bakımdan, BB2 ile BB1 arasındaki uyumsuzluk isminde sekme karakteri bulunan bir yazıtipi ismi kullanıldığında ortaya çıkacaktır.

• Benzer şekilde, satırsonu karakterlerine de (tersbölü ile öncelenmiş olarak) BB1 dizgelerinde izin verilmezdi.

• BB2 hemen ardından bir betimleyici gelen bir sayıyı bir Boyut dizgeciği olarak çözümlerken (örn, bilinmeyen bir birim olarak), BB1 bunu bir sayı ve bir betimleyici olarak çözümlerdi. Bu, şu anlama gelir: BB1'de 'font: 10pt/1.2serif' bildirimi doğruydu; BB2'de "serif" dizgesinden önce bir boşluk gerekir; BB2'de 'font: 10pt/12pt serif' bildirimi doğrudur. (Bazı kullanıcı arayüzleri birinci bildirimi kabul eder, ikincisini değil.)

• BB1'de bir sınıf ismi, bir boyut olmadıkça (".55in") bir rakamla başlayamaz (".55ft"). BB2'de böyle sınıflar bilinmeyen boyutlar olarak çözümlenir (belirtimin ileri aşamalarında yeni birimleri mümkün kılabilmek için). ".55ft" isminin geçerli bir sınıf olabilmesi için BB2'de ilk rakamın öncelenmesi (".\35 5ft") gerekir.