Üretilen içerik, özdevinimli numaralama ve listeler
Bazı durumlarda yazarlar belge ağacında yer almayan içeriği kullanıcı arayüzlerinin oluşturabilmesini isterler. Buna çok bilinen bir örnek numaralı listelerdir. Yazarlar bunları numaralamak istemezler bu numaraları kullanıcı arayüzlerinin üretmesini isterler. Benzer şekilde, yazarlar, bir şekil başlığının öncesine "Şekil" sözcüğünü veya yedinci kısmın başlığına "7. Kısım" dizgesini kullanıcı arayüzünün yazmasını isteyebilirler. İşitsel ve dokunsal ortamlar için de benzer şeyler istenebilir.
BB2'de içerik çeşitli mekanizmalarla üretilebilir:
:before ve :after sözde elemanları ile birlikte content niteliği.
cue-before, cue-after işitsel nitelikleri ( bölümüne bakınız). content niteliği işitsel niteliklerle birlikte kullanıldığında içerik oluşturma şu sırayı izler: :before, cue-before, (pause-before), elemanın içeriği, (pause-after), cue-after ve :after.
display niteliğinin değeri list-item olan elemanlar.
content niteliği ile ilişkili mekanizmalar aşağıda açıklanmıştır.
sözde elemanlar:before:beforebeforesözde elemanlar:after:afterafter:before ve :after sözde elemanları
Yazarlar üretilen içeriğin biçemini ve yerini :before ve :after sözde elemanlarıyla belirtirler. İsimlerinden de anlaşılacağı gibi, :before (:önce) ve :after (:sonra) sözde elemanları üretilen içeriğin yerini elemanın belge ağacındaki içeriğinden önce ve sonra olarak belirtirler. Bu sözde elemanlarla birlikte content niteliğinin değerinde neyin yerleştirileceği belirtilir.
Buradaki örneklerden başka güncel Türkçe bir örnek için ayrıca bölümündeki örneğe de bakınız (translator:before { content: "\c7 eviren: " } kuralına dikkat!).
Aşağıdaki kuralla, değeri "note" olan 'class' özniteliğine sahip her p elemanının içeriğinden önce "Note: " dizgesi yerleştirilir:
p.note:before { content: "Note: " }
Bir eleman tarafından üretilen biçimleme nesneleri (çerçeveler gibi) de üretilen içerik içerebilir.
Bu kurallar, "Note: " dizgesini de içeren paragrafın çevresine kesintisiz yeşil bir çizgi çizilmesine sebep olur.
:before ve :after sözde elemanları eklendikleri elemandan kalıtsal özellikleri miras alırlar.
Aşağıdaki kurallar q elemanının öncesine bir sol tırnak imi yerleştirir. Tırnak iminin rengi kırmızı olmasına rağmen yazıtipi q elemanının kalanı ile aynı olacaktır:
q:before {
content: open-quote;
color: red
}
Bir :before veya :after sözde eleman bildiriminde, miras alınmayan nitelikler ilk değerlerini alırlar.
display niteliğinin ilk değeri inline olduğundan önceki örnekteki tırnak, elemanın içeriğiyle aynı satıra bir satıriçi çerçeve olarak yerleştirilir. Aşağıdaki örnekte ise, display niteliğine açıkça block değeri atanmakta, dolayısıyla yerleştirilen metin bir blok haline gelmektedir:
Bir işitsel kullanıcı arayüzü body içeriğinin seslendirmesini tamamladıktan sonra "Bitti" diyecektir.
Kullanıcı arayüzlerinin :before ve :after sözde elemanları ile kullanıldıklarında şu nitelikleri yoksaymaları gerekir: position, float, liste nitelikleri ve tablo nitelikleri.
:before ve :after sözde elemanları display niteliğinin değerlerine şöyle izin verir:
Eğer bir seçicinin konusu blok seviyesinden bir elemansa, izin verilen değerler: none, inline, block ve marker. Eğer display niteliği bunlardan başka bir değere sahipse, sözde eleman block değeri verilmiş gibi davranacaktır.
Eğer bir seçicinin konusu satıriçi seviyeden bir elemansa, izin verilen değerler: none ve inline. Eğer display niteliği bunlardan başka bir değere sahipse, sözde eleman inline değeri verilmiş gibi davranacaktır.
BB'nin ileri aşamalarında başka değerlere de izin verilebilir.
Bu nitelik, bir belgede içerik üretmek için :before ve :after sözde elemanları ile birlikte kullanılır. Değerlerin anlamları:
Metin içerik ( bölümüne bakınız).
Değer harici bir özkaynağın tanım-yeridir. Bir kullanıcı arayüzü ortam türlerinin desteklemesinden ötürü özkaynağı destekleyemezse, özkaynağı yoksaymalıdır.
BB2 gömülü bir nesnenin boyutlarını değiştirecek mekanizmalar belirtmez veya HTML'deki 'alt' veya 'longdesc' özniteliklerindeki gibi bir metinsel açıklama sağlamaz. Bu BB'nin gelecekteki aşamalarında değişebilir.
Sayaçlar iki farklı işlevle belirtilebilir: counter() veya counters().
İlkinin iki biçimi vardır: counter(ad) veya
counter(ad, biçem). Üretilen metin, biçimleme yapısında bu noktadaki isimli sayacın değeridir. Belirtilen biçemde (öntanımlı olarak decimal) biçimlenir.
İkinci işlevin de iki biçimi vardır:counters(ad,
dizge) veya counters(ad, dizge, biçem). Üretilen metin, biçimleme yapısında bu noktadaki adı belirtilen tüm sayaçların değeridir. Sayaçlar belirtilen biçemde (öntanımlı olarak decimal) oluşturulur. Daha fazla bilgi için bölümüne bakınız.
Bu dizgeler quotes niteliğindeki uygun dizgelerle değiştirilir.
Hiçbir şey yerleştirmez (boş dizge), fakat tırnakların iç içelik seviyesini azaltır (ya da arttırır).
Bu işlev seçicinin konusu için özn özniteliğinin değerini bir dizge olarak döndürür. Dizge BB işlemcisi tarafından çözümlenmez. Eğer seçicinin konusu özn özniteliğine sahip değilse bir boş dizge döner. Öznitelik isimlerinin harf büyüklüğüne duyarlılığı belge diline bağlıdır.
BB2'de, seçicinin diğer elemanları için öznitelik değerlerine atıfta bulunmak olanaklı değildir.
:before ve :after sözde elemanları display özniteliğinin değerlerine şöyle izin verir:
Eğer seçicinin konusu blok seviyesinden bir elemansa, izin verilen değerler: none, inline, block ve marker. Eğer sözde elemanın display niteliğinin değeri bunlardan farklı bir değerse sözde eleman niteliğin değeri block'muş gibi davranmalıdır.
Eğer seçicinin konusu satıriçi seviyeden bir elemansa, izin verilen değerler: none ve inline. Eğer sözde elemanın display niteliğinin değeri bunlardan farklı bir değerse sözde eleman niteliğin değeri inline'mış gibi davranmalıdır.
@media
İçerik ortama duyarlıysa, biçembent yazarlarının content bildirimlerini @media kurallarına koymaları gerekir. Örneğin dizgesel sabitler her ortam grubunda kullanılabilirken, resimler sadece görsel + biteşlemli ortam gruplarına ve ses dosyaları da sadece işitsel ortam gruplarına uygulanabilir.
Aşağıdaki kural, bir tırnaklı blokun sonunda bir ses dosyasının çalınmasına sebep olur (ek mekanizmalar için bölümüne bakınız):
Aşağıdaki kural, HTML 'alt' özniteliğinin metnini resmin öncesine yerleştirir. Resim gösterilmese bile okuyucu 'alt' özniteliğinin metnini görecektir.
img:before { content: attr(alt) }
zorlanmış satırsonu
Biçembent yazarları content niteliğinin değeri içinde "\A" öncelemlerini satırı sonlandırmak istedikleri yerlere yerleştirerek çok satırlı metin üretebilirler. Bu işlem, HTML'deki br elemanlarının yaptığına benzer şekilde bir zorlanmış satırsonu yerleştirir. "\A" öncelemleri hakkında ayrıntılı bilgi edinmek için bölümüne ve karakter öncelemi tanımına bakınız.
üretilen içerik belge ağacını değiştirmez. Özellikle, belge dili işlemcisini harekete geçirmez (yeniden çözümleme gibi).
BB'nin gelecekteki aşamalarında, content niteliği üretilen içeriğin parçalarının biçemlerini değiştirecek ek değerler kabul edebilir, fakat BB2'de :before veya :after sözde elemanının içeriği tamamen aynı biçeme sahiptir.
compactrun-in:before ve :after ile gömme ve girintili başlık çerçeveleri arasındaki etkileşim
Aşağıdaki durumlar sözkonusu olabilir:
Bir gömme veya girintide başlık çerçevesi olarak satıriçi türünde bir :before sözde elemanı varsa: sözde eleman, başlık çerçevesinin boyutları (compact için) hesaplanırken dikkate alınır ve elemanla aynı blok çerçevesi içinde oluşturulur.
Bir gömme veya girintide başlık çerçevesi olarak satıriçi türünde bir :after sözde elemanı varsa: önceki maddenin kuralları uygulanır.
Bir gömme veya girintide başlık çerçevesi olarak blok türünde bir :before sözde elemanı varsa: sözde eleman başlık çerçevesinin yukarısında bir blok çerçevesi olarak oluşturulur ve başlık çerçevesinin boyutlarının hesabında (compact için) dikkate alınmaz.
Bir gömme veya girintide başlık çerçevesi olarak blok türünde bir :after sözde elemanı varsa: Başlık çerçevesi ve :after sözde elemanı blok çerçevesi olarak biçimlenir. Başlık çerçevesi kendi :after sözde elemanı içindeki bir satıriçi çerçeve olarak biçimlenmez.
Bir gömme veya girintide başlık çerçevesi olarak blok türünde bir :before sözde elemanından sonra bir eleman varsa: başlık çerçevesinin nasıl biçimleneceği kararı :before sözde elemanından elde edilen blok çerçevesine göre verilir.
Bir gömme veya girintide başlık çerçevesi olarak satıriçi türünde bir :before sözde elemanından sonra bir eleman varsa: başlık çerçevesinin nasıl biçimleneceği kararı, :before sözde elemanının eklemlendiği elemanın display değerine bağlıdır.
Burada, gömme başlıklı (run-in) bir :after sözde elemanından sonra :before sözde elemanlı bir paragrafın gelmesi durumu örneklenmiştir. Bu örnekteki tüm sözde elemanlar satıriçi (öntanımlı) seviyedendir. Biçembent şöyle olsun:
Atlar: ... yelesi vardır
... bir kuyruğu olur
Tırnak imleri
BB2'de biçembent yazarları kullanıcı arayüzlerinin tırnak imlerini bağlama bağlı ve biçeme duyarlı manada nasıl biçimlemesi gerektiğini belirtebilirler. quotes niteliğinde her iç içelik seviyesinden tırnak için tırnak imi çiftleri belirtilir. content niteliği ise bu tırnak imlerine erişim verir ve bunların bir tırnağın öncesine veya sonrasına yerleştirilmesine sebep olur.
Bu nitelik çok seviyeli tırnaklama için tırnak çiftlerini belirtmekte kullanılır. Değerlerin anlamları:
content niteliğinin open-quote ve close-quote değerleri hiçbir tırnak imi üretmez.
content niteliğinin open-quote ve close-quote değerleri bu tırnak (açan ve kapatan) çiftleri listesinden alınır. İlk (en soldaki) çift en dış tırnaklama seviyesi için, ikinci çift ilkinin içinde kalır ve böyle gider. Kullanıcı arayüzleri tırnak çiftlerini belirtilen seviyelere uygun olarak kullanmalıdır.
Bu biçembendin:
/* Çiftler iki dil ve iki seviye için belirtiliyor */
Q:lang(tr) { quotes: '"' '"' "'" "'" }
Q:lang(no) { quotes: "«" "»" "<" ">" }
/* Tırnakları Q elemanının öncesine ve sonrasına yerleştir */
Q:before { content: open-quote }
Q:after { content: close-quote }