17.2.1 Anonim tablo nesneleri

HTML dışında kalan belge dilleri BB2 tablo modelindeki tüm bileşenleri içermeyebilir. Bu durumda, "eksik" bileşenlerin tablo modeli için çalışacağı kabul edilmelidir. Eksik bileşenler aşağıdaki kurallara göre anonim nesneler üretirler:

Herhangi bir tablo elemanı, kendisine gerekli olan table/inline-table bileşeni, bir table-row bileşeni ve bir table-cell bileşenine karşı düşen en azından iç içe üç nesneden oluşan anonim tablo nesnelerini özdevinimli olarak üretecektir.

1. Eğer table-cell bileşenine sahip T'nin ebeveyni olan P bir table-row bileşenine sahip değilse P ile T arasında table-row bileşenine karşı düşen bir nesne üretilecektir. Bu nesne, T'nin (belge ağacındaki) ardışık table-cell bileşenli kardeşlerinin tümünü kapsayacaktır.

2. Eğer bir table-row bileşenine sahip T'nin ebeveyni olan P bir table, inline-table veya table-row-group bileşenine sahip değilse P ile T arasında table bileşenine karşı düşen bir nesne üretilecektir. Bu nesne bir table bileşenine sahip ebeveyn gerektiren T'nin (belge ağacındaki) ardışık kardeşlerinin tümünü kapsayacaktır: table-row, table-row-group, table-header-group, table-footer-group, table-column, table-column-group ve table-caption bileşenine sahip kardeşler.

3. Eğer bir table-column bileşenine sahip T'nin ebeveyni olan P bir table, inline-table veya table-column-group bileşenine sahip değilse P ile T arasında table bileşenine karşı düşen bir nesne üretilecektir. Bu nesne bir table bileşenine sahip ebeveyn gerektiren T'nin (belge ağacındaki) ardışık kardeşlerinin tümünü kapsayacaktır: table-row, table-row-group, table-header-group, table-footer-group, table-column, table-column-group ve table-caption bileşenine sahip kardeşler.

4. Eğer bir table-row-group (veya table-header-group ya da table-footer-group) bileşenine sahip T'nin ebeveyni olan P bir table veya inline-table bileşenine sahip değilse P ile T arasında table bileşenine karşı düşen bir nesne üretilecektir. Bu nesne bir table bileşenine sahip ebeveyn gerektiren T'nin (belge ağacındaki) ardışık kardeşlerinin tümünü kapsayacaktır: table-row, table-row-group, table-header-group, table-footer-group, table-column, table-column-group ve table-caption bileşenine sahip kardeşler.

5. Eğer bir table (veya inline-table) bileşenine sahip P'nin çocuğu olan T bir table-row-group, table-header-group, table-footer-group veya table-row bileşenine sahip değilse P ile T arasında table-row bileşenine karşı düşen bir nesne üretilecektir. Bu nesne T'nin bir table-row-group, table-header-group, table-footer-group veya table-row bileşenine sahip olmayan tüm ardışık kardeşlerini kapsayacaktır.

6. Eğer bir table-row-group (veya table-header-group ya da table-footer-group) bileşenine sahip P'nin çocuğu olan T bir table-row bileşenine sahip değilse P ile T arasında table-row bileşenine karşı düşen bir nesne üretilecektir. Bu nesne T'nin bir table-row bileşenine sahip olmayan tüm ardışık kardeşlerini kapsayacaktır.

7. Eğer bir table-row bileşenine sahip P'nin çocuğu olan T bir table-cell bileşenine sahip değilse P ile T arasında table-cell bileşenine karşı düşen bir nesne üretilecektir. Bu nesne T'nin bir table-cell bileşenine sahip olmayan tüm ardışık kardeşlerini kapsayacaktır.

Örnek:

Bu XML örneğinde, HBOX elemanını bir table bileşenli elemanın içereceği varsayılmıştır:

<HBOX>
  <VBOX>George</VBOX>
  <VBOX>4287</VBOX>
  <VBOX>1998</VBOX>
</HBOX>

çünkü ilişkili biçembent şöyledir:

HBOX { display: table-row }
VBOX { display: table-cell }

Örnek:

Bu örnekte, ROW'lardaki metinleri üç table-cell bileşenli elemanın içereceği varsayılmıştır. Böyle, metnin anonim satıriçi çerçevelerce kapsanması Anonim satıriçi çerçeveler bölümünde açıklanmıştır:

<STACK>
  <ROW>Bu <D>üst</D> sıra.</ROW>
  <ROW>Bu <D>orta</D> sıra.</ROW>
  <ROW>Bu <D>alt</D> sıra.</ROW>
</STACK>

Biçembent:

STACK { display: inline-table }
ROW   { display: table-row }
D     { display: inline; font-weight: bolder }

HTML kullanıcı arayüzlerinin yukarıdaki kurallara göre anonim nesneler üretmesi gerekli değildir.

17.4.1 Tablo başlığının konumu ve hizalanması

Bu nitelik tablo çerçevesine göre tablo başlık çerçevesinin konumunu belirtir. Değerlerin anlamları şöyledir:

top

Tablo başlık çerçevesi tablo çerçevesinin yukarısına yerleştirilir.

bottom

Tablo başlık çerçevesi tablo çerçevesinin aşağısına yerleştirilir.

left

Tablo başlık çerçevesi tablo çerçevesinin soluna yerleştirilir.

right

Tablo başlık çerçevesi tablo çerçevesinin sağına yerleştirilir.

table bileşenine sahip bir elemandan önceki veya sonraki tablo başlık elemanı, (1) tablodan miras alınabilen niteliklerle miras alınmış olması ve (2) tablodan önceki bir compact veya run-in bileşenli bir elemanın amacı gereği bir blok çerçevesi olarak ele alınmaması durumu hariç olmak üzere, büyük çoğunlukla tablodan önceki veya sonraki bir blok elemanıymış gibi biçimlenir.

Bir tablo çerçevesinin yukarısında veya aşağısında kalan bir tablo başlığı genişlik hesaplamaları için de ayrıca bir blok çerçevesi olarak davranır; genişlik, tablo çerçevesinin taşıyıcı blokunun genişliğine göre hesaplanır.

Diğer yandan, bir tablo çerçevesinin solunda veya sağında kalan bir tablo başlığı için, auto'dan farklı bir değer atanmış bir width niteliği genişliği açıkça belirler; auto değeri ise kullanıcı arayüzüne "makul bir genişlik" seçebileceğini belirtir. Bu, "olası en dar çerçeve"den "tek bir sıra"ya kadar değişiklik gösterebilir, bu bakımdan, kullanıcıların sol ve sağ tablo başlık genişlikleri için auto değerini belirtmemelerini öneriyoruz.

Başlık çerçevesinin içinde başlık içeriğini yatayda hizalamak için text-align niteliği kullanılır. Tablo çerçevesine göre bir sol veya sağ başlık çerçevesinin düşeyde hizalanması için vertical-align niteliği kullanılır. Bu durumda en anlamlı değerler top, middle ve bottom değerleridir. Bunlar dışında kalan tüm değerler top belirtilmiş gibi ele alınır.

Örnek:

Bu örnekte, caption-side niteliği başlığı tablonun aşağısına yerleştirmektedir. Başlık tablo genişliği kadar geniş olacak ve içeriği sola hizalanacaktır:

caption { caption-side: bottom;
          width: auto;
          text-align: left }

Örnek:

Aşağıdaki örnekte bir başlığın nasıl sol kenar dış boşluğuna konacağı gösterilmiştir. Tablonun kendisi sol ve sağ kenar dış boşluklarına auto değeri atanarak ortalanmakta ve tablo ile başlık birlikte bir anonim çerçeve olarak başlık genişliği kadar sol kenar dış boşluğuna kaydırılmaktadır.

body {
    margin-left: 8em
}
table {
    margin-left: auto;
    margin-right: auto
}
caption {
    caption-side: left;
    margin-left: -8em;
    width: 8em;
    text-align: right;
    vertical-align: bottom
}

Tablo genişliğinin ona ayrılan genişlikten daha dar olduğu varsayımıyla biçimleme şöyle birşey üretirdi:

[Açıklama]

Başlığı negatif bir margin-left niteliği ile ilk taşıyıcı blokun sol kenar dış boşluğuna itilmiş ve kendisi taşıyıcı blok genişliğine göre ortalanmış bir tablo.

17.5.1 Tablo katmanları ve saydamlık

Tablodaki gözelerin artalanlarını bulmak amacıyla, tablo elemanlarının üst üste altı katman oluşturduğunu varsayabiliriz. Bu durumda, bir tablo elemanının artalanını, üstündeki katmanların artalanları saydam olan görünür katmanlardan biri belirleyecektir.

[Açıklama]

Tablo katmanları.

1. En alttaki katman tek parçalık bir yüzey olup tablo çerçevesini göstermektedir. Diğer tüm çerçeveler gibi o da saydam olabilir.

2. Sonraki katman sütun gruplarını içerir. Sütun grupları tabloyu yukarıdan aşağı boydan boya kaplar fakat tablonun tüm enini kapsaması gerekli değildir.

3. Sütun gruplarının üzerinde sütun çerçevelerini ifade eden alanlar bulunur. Sütun grupları gibi sütunlar da tabloyu yukarıdan aşağı boydan boya kaplar fakat tablonun tüm enini kapsaması gerekli değildir.

4. Sonraki katman sıra gruplarını içerir. Sıra grupları tabloyu enine boydan boya kaplar. Sıra grupları hep birlikte tabloyu yukarıdan aşağıya kaplar.

5. Sondan bir önceki katman sıraları içerir. Sıralar ayrıca tablonun tamamını kaplar.

6. En üst katman gözeleri içerir. Şekilden de görüldüğü gibi, tüm sıralar aynı sayıda sütun içerse de her gözenin içeriği olmayabilir. Bu "boş" gözeler, empty-cells niteliklerinin değeri hide olduğu takdirde saydam olurlar.

Tablo için border-collapse: separate belirtilmişse border-spacing niteliği tarafından belirtilen alanın artalanı daima tablo elemanının artalanı olacaktır. Ayrıntılar için Ayrık kenar çizgileri modeli bölümüne bakınız.

Örnek:

Aşağıdaki belgede, ilk sıra dört göze içermekte fakat altındaki sıra hiç göze içermemektedir. Bu yüzden, 2. sıraya yayılan sütun hariç, diğer gözelerde tablonun artalan rengi görünmektedir.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
  <head>
    <style type="text/css">
      TABLE { background: #ff0;
              border-collapse: collapse;}
      TD    { background: red;
              empty-cells: hide;
              border: double black }
    </style>
  </head>
  <body>
    <p>
    <TABLE>
      <TR>
        <TD> 1 </TD>
        <TD rowspan="2"> 2 </TD>
        <TD> 3 </TD>
        <TD> 4 </TD>
      </TR>
      <TR><TD></TD></TR>
    </TABLE>
  </body>
</html>

Belge şöyle biçimlenmiş olabilir:

[Açıklama]

Alt sırasında üç boş göze bulunan bir tablo.

17.5.2 Tablo genişlik algoritması: table-layout niteliği

BB, tablolar için "en iyi" yerleşimi tanımlamaz çünkü en iyinin ne olduğu biraz da zevk meselesidir. BB, bir tabloyu yerleştirirken kullanıcı arayüzlerinin uyması gereken kısıtlamalar tanımlamaz. Kullanıcı arayüzleri, "sabit yerleşim algoritması"nın seçilmesi durumu haricinde işlem neyi gerektiriyorsa o algoritmayı kullanmakta özgürdürler ve hızı doğruluğa/hassasiyete tercih edebilirler.

Bu bölümde açıklanan kurallar, Genişliklerin ve kenar dış boşluklarının hesaplanması bölümünde açıklanan genişlik hesaplamasına uygulanan kurallara üstün gelir. Özellikle, tablonun kenar dış boşlukları '0' ve genişlik auto olarak belirtilmişse tablo, taşıyıcı blokuna sığacak şekilde kendi kendini boyutlandıracaktır. Bununla birlikte, tablo için width niteliğinin hesaplanan değeri (aşağıdaki algoritmalar ve uygun olduğu takdirde kullanıcı arayüzüne bağlı diğer algoritmalar kullanılarak) bulunduktan sonra Genişliklerin ve kenar dış boşluklarının hesaplanması bölümünün diğer kısımları uygulanır. Bu yüzden bir tablo, örneğin, sol ve sağ kenar dış boşlukları için auto değeri belirtilerek ortalanabilir.

table-layout niteliği tablo gözelerini, sıralarını ve sütunlarını yerleştirmekte kullanılacak algoritmayı denetler. Değerlerin anlamları şöyledir:

fixed

Sabit tablo yerleştirme algoritması kullanılır.

auto

Özdevinimli tablo yerleştirme algoritması kullanılır.

Bu iki algoritma aşağıda açıklanmıştır

17.5.3 Tablo yükseklik algoritmaları

Bir tablonun yüksekliği table veya inline-table bileşenli elemanın height niteliği ile belirtilir. Niteliğe belirtilen bir auto değerinin anlamı, tablo yüksekliğinin sıra yükseklikleri ile gözeler arası boşluklar veya kenar çizgisi genişliklerinin toplamına eşit olacağı anlamına gelir. Yükseklik için bundan farklı bir değer açıkça belirtilir; Tablo, bu bakımdan kendi sıralarının boyundan daha uzun veya daha kısa olabilir. Tablo yüksekliğinin içerik yüksekliğinden farklı olduğu durumda BB2 tablonun nasıl oluşturulacağını belirtmez; özellikle de içerik yüksekliğinin belirtilen yüksekliği geçersiz kılıp kılmayacağını; geçersiz kılmayacaksa belirtilen tablo yüksekliğine erişmek için sıraların yüksekliğine eklenecek fazlalığın nasıl dağıtılacağını veya içerik yüksekliğinin belirtilen yüksekliği aştığı durumda kullanıcı arayüzünün bir kaydırma mekanizması sağlaması gerekip gerekmediğini belirtmez. BB'nin gelecekteki aşamalarında böyle şeyler belirtilebilir.

table-row bileşenine sahip bir elemanın çerçeve yüksekliği, kullanıcı arayüzü sıradaki tüm gözeleri aldıktan sonra hesaplanır: çerçeve yüksekliği, sıranın height ile belirtilmiş değerinin azamisi ve gözeler tarafından gereksinim duyulan yüksekliğin asgarisidir (ASG). table-row bileşenine sahip bir elemanın height niteliği için auto değeri, hesaplanan sıra yüksekliğinin ASG olacağı anlamına gelir. ASG, göze çerçevesinin yüksekliğine ve hizalamasına (daha çok bir satır çerçevesinin yükseklik hesabına) bağlıdır. Tablo sıraları veya sıra grupları için belirtildiği takdirde, height niteliğinin yüzdelik değerlerinin neyi ölçüt alacaklarını BB2 belirtmez.

BB2'de bir göze çerçevesinin yüksekliği tablo gözesinin height değerinin azamisi ve içerik tarafından gereksinim duyulan yüksekliğin asgarisidir (ASG). height niteliği için auto değeri hesaplanmış bir ASG değeri anlamına gelir. BB2, tablo gözelerinde belirtildiğinde height niteliğinin yüzdelik değeri için neyin ölçüt alınacağını belirtmez.

BB2 sıra yüksekliği hesabında etkili olan, gözelerin birden fazla sıraya nasıl yayılacağını belirtmez, sadece bu sıraların yükseklikleri toplamının gözenin yayıldığı sıraları kuşatacak büyüklükte olmasını gerektirir.

Her tablo gözesinin vertical-align niteliği, sıranın içindeki hizalamayı belirler. Her göze içeriğinin, tıpkı sıranın kendisi gibi bir taban çizgisi, bir üstü, ortası ve altı vardır. Tablo bağlamında vertical-align değerleri ve anlamları şöyledir:

baseline

Gözenin taban çizgisi, yayıldığı sıraların ilkinin taban çizgisi ile aynı yüksekliktedir (sıra ve gözelerin taban çizgilerinin tanımı için aşağıya bakınız).

top

Göze çerçevesinin tepesi yayıldığı ilk sıranın tepesine hizalanır.

bottom

Göze çerçevesinin altı yayıldığı son sıranın altına hizalanır.

middle

Göze çerçevesinin ortası yayıldığı sıralara göre ortaya hizalanır.

sub, super, text-top, text-bottom

Gözelere bu değerler uygulanmaz; bu değerler belirtildiğinde göze taban çizgisine göre hizalanır.

Gözenin taban çizgisi gözedeki ilk satır çerçevesinin taban çizgisidir. Bir metin yoksa taban çizgisi gözede her ne gösteriliyorsa onun taban çizgisidir, göze tamamen boşsa göze çerçevesinin altıdır. Göze çerçevesinin tepesi ile 'vertical-align: baseline' belirtilmiş tüm gözelerin taban çizgisi arasındaki azami uzaklık sıranın taban çizgisini belirtmekte kullanılır.

[Açıklama]

vertical-align niteliğinin çeşitli değerlerinin tablo gözeleri üzerindeki etkileri.

1. ve 2. göze çerçeveleri taban çizgilerinden hizalanırlar. 2. göze çerçevesi taban çizgisinin üstünde en geniş yüksekliğe sahiptir, dolayısıyla sıranın taban çizgisini belirler. Eğer sıranın taban çizgisine hizalı bir göze çerçevesi olmasaydı, sıranın bir taban çizgisi (ihtiyacı) olmazdı.

Belirsiz durumlardan kaçınmak için gözelerin hizalanmasında şu sıraya göre işlem yapılır:

1. Önce taban çizgilerine göre hizalanan gözeler konumlanır. Bu işlemle sıranın taban çizgisi oluşturulmuş olur. Ardından 'vertical-align: top' belirtilmiş gözeler konumlanır.

2. Sıranın artık bir tepesi, muhtemelen bir taban çizgisi ve geçici olarak bir yüksekliği (en tepeden en alta kadar gözelerin konumlandığı mesafe) vardır. (Aşağıda, göze kenar iç boşluklarıyla ilgili koşullara bakınız.)

3. Başka göze kalmışsa alta veya ortaya hizalananlardan yüksekliği sıranın o anki yüksekliğinden fazla olanlar için sıranın yüksekliği alt kenara doğru uzatılarak bu gözelerin en yükseğine kadar arttırılır.

4. Son olarak kalan gözeler konumlanır.

Yüksekliği sıranınkinden kısa olan göze çerçeveleri fazladan üst ve alt kenar iç boşlukları alırlar.

17.5.4 Bir sütunun yatayda hizalanması

Bir göze çerçevesinin içeriğinin yatayda hizalanması için text-align niteliği kullanılır.

Bir sütunda birden fazla gözenin text-align niteliği için bir dizge değeri belirtildiğinde bu gözelerin içerikleri bir düşey eksen boyunca hizalanırlar. Dizgenin başlangıcı bu eksene dokunur. Dizgenin eksenin sağına mı yoksa soluna mı dokunacağı yazım yönüne göre saptanır.

Metnin bu yolla hizalanması sadece metin tek satırlıksa yararlıdır. Metnin bir satırdan fazlasına yayıldığı durumda sonuç tanımsızdır.

Bir tablo gözesinin text-align niteliğinin değeri bir dizgeyse fakat dizge göze içeriğinde bulunmuyorsa düşey hizalama eksenine göze içeriğinin sonu dokunur.

Dizgelerin her göze için aynı olması tercih edilmeli ise de böyle olması şart değildir.

BB, düşey hizalama ekseninin bir sütun çerçevesine göre konumunu belirtmek için bir yöntem sağlamaz.

Örnek:

Biçembent şöyle olsun:

TD { text-align: "." }
TD:before { content: "$" }

Bu da HTML tablomuz olsun:

<TABLE>
  <COL width="40">
  <TR> <TH>Milletlerarası görüşmeler
  <TR> <TD> 1.30
  <TR> <TD> 2.50
  <TR> <TD> 10.80
  <TR> <TD> 111.01
  <TR> <TD> 85.
  <TR> <TD> 90
  <TR> <TD> .05
  <TR> <TD> .06
</TABLE>

Burada dolar işaretli sütun nokta işaretine göre hizalanacaktır. Hoş olsun diye, her göze içeriğinin başına :before sözde elemanı kullanılarak birer dolar işareti eklenmiştir. Elde edilen tablo şöyle olurdu:

Milletlerarası
    görüşmeler
         $1.30
         $2.50
        $10.80
       $111.01
        $85.
        $90
          $.05
          $.06

17.5.5 Özdevimli sıra ve sütun görünüşleri

visibility niteliği sıra, sıra grubu, sütun ve sütun grubu elemanları için collapse değerini alır. Bu değer sıra veya sütunun ekrandan silinmesine sebep olur ve ortaya çıkan boşluğa diğer içerik için kullanılmak üzere sıra ve sütunlar tarafından el konur. Sıra ve sütunların bastırılması yine de, tablo yerleşimini başka türlü etkilemez. Sütun koşullarındaki olası değişiklikleri hesaba katarken tablonun yeniden yerleştirilmesine gerek kalmadan tablo sıralarının ve sütunların böyle kaldırılması özdevimli etkilere sebep olur.

17.6.1 Ayrık kenar çizgileri modeli

Uzunluklar komşu gözelerin kenar çizgilerini ayıran boşluğu belirler. Eğer sadece bir uzunluk belirtilmişse hem yatay hem de düşey boşluklar için bu uzunluk kullanılır. İki uzunluk belirtilmişse ilki yataydaki boşluğu ikincisi düşeydeki boşluğu belirler. Uzunluklar negatif olabilir.

Bu modelde her göze bağımsız olarak kendi kenar çizgilerine sahiptir. border-spacing niteliği komşu gözelerin kenar çizgileri arasındaki uzaklığı belirtir. Bu boşluk tablo elemanının artalanı ile doldurulur. Sıralar, sütunlar sıra ve sütun grupları kenar çizgilerine sahip olamazlar (yani kullanıcı arayüzlerinin bu elemanlar için belirtilen kenar çizgisi niteliklerini yoksaymaları gerekir).

Örnek:

Aşağıdaki şekildeki tablo böyle bir biçembendin sonucu olabilirdi:

TABLE      { border: outset 10pt;
              border-collapse: separate;
              border-spacing: 15pt }
TD         { border: inset 5pt }
TD.special { border: inset 10pt }  /* Sol üst göze */

[Açıklama]

border-spacing niteliğine bir uzunluk değeri atanmış bir tablo. Tablonun kendisi ve her göze bağımsız olarak kendi kenar çizgilerine sahiptirler.

17.6.2 Örtüşen kenar çizgileri modeli

Örtüşen kenar çizgileri modelinde bir göze, sıra, sıra grubu, sütun ve sütun grubunu tamamen veya kısmen kuşatan kenar çizgileri belirtmek mümkündür. HTML'nin rule özniteliğinde kenar çizgileri bu yolla belirtilebilir.

Kenar çizgileri gözeler arasındaki çizelge hatlarına ortalanır. Kullanıcı arayüzleri, tek sayılı uzunluklarla hesap yaparken tutarlı bir yuvarlama yöntemi bulmak zorundadırlar.

Aşağıdaki şekilde tablonun genişliği ile kenar çizgileri, kenar iç boşlukları ve göze genişliklerinin nasıl etkileştikleri gösterilmiştir. Tablonun her sırası için bu ilişkiler şu bağıntı ile ifade edilir:

SG = (0.5 * ÇG₀) + SolKİB₁ + GG₁ + SağKİB₁ + ÇG₁ + SolKİB₂ +...+ SağKİB_n + (0.5 * ÇG_n)

Burada,
Sıra genişliği: SG
Göze genişliği: GG
Kenar çizgisi genişliği: ÇG
Sol kenar iç boşluğu: SolKİB
Sağ kenar iç boşluğu: SağKİB
olup ayrıca, n ile sıradaki göze sayısı, SG_i ile i'nci ve i + 1'inci göze arasındaki kenar çizgisi ifade edilmiştir.

Sadece en dıştaki iki çerçeve çizgisinin yarılarının tablo genişliğine dahil olduğuna ve diğer yarılarının kenar dış boşluk alanı içinde kaldığına dikkat ediniz.

[Açıklama]

Gözelerin genişliklerini, kenar çizgilerini ve iç boşluklarını gösteren şekil.

Bu modelde tablo genişliğinin yarım tablo kenar çizgisi genişliği içerdiğine dikkat ediniz. Ayrıca bu modelde, bir tablonun kenar iç boşlukları yoktur (ama kenar dış boşlukları vardır).

17.6.3 Kenar çizgisi biçemleri

border-style niteliğinin bazı değerleri tablolarda, diğer elemanlardakinden farklı anlamlara sahiptir. Anlamları değişen değerler aşağıdaki listede yıldız imi ile işaretlenmiştir.

none

Kenar çizgisi yoktur.

*hidden

none gibidir, ancak örtüşen kenar çizgileri modelinde ayrıca aynı yerdeki diğer kenar çizgilerini de bastırır (Kenar çizgisi çakışmalanının çözümlenmesi bölümüne bakınız).

dotted

Kenar çizgisi nokta dizisinden oluşur.

dashed

Kenar çizgisi, çizgi parçaları dizisinden oluşur.

solid

Kenar çizgisi tek parçadan oluşan bir çizgidir.

double

Kenar çizgisi, her biri tek parçadan oluşan iki paralel çizgiden oluşur. Bu iki çizginin kalınlıkları ile aralarındaki boşluğun genişliğinin toplamı border-width niteliğinin değerine eşittir.

groove

Kenar çizgisi tuvale oyulmuş gibi görünür.

ridge

groove'un zıddı: Kenar çizgisi kabartma gibi görünür.

*inset

Ayrık kenar çizgileri modelinde, kenar çizgisi çerçevenin tamamının tuvale gömülü gibi görünmesine sebep olur. Örtüşen kenar çizgileri modelinde groove gibidir.

*outset

Ayrık kenar çizgileri modelinde, kenar çizgisi çerçevenin tamamının kabartma gibi görünmesine sebep olur. Örtüşen kenar çizgileri modelinde ridge gibidir.

17.7.1 Başlıkların söylenmesi: speak-header niteliği

Bu nitelik tablo başlıklarının her gözeden önce mi yoksa sadece öncekinden farklı bir başlığa sahip gözelerden önce mi söyleneceğini belirler. Değerlerin anlamları şöyledir:

once

Başlık, göze dizisinden önce bir kere söylenir.

always

Başlık ilgili her gözeden önce söylenir.

Her belge dili, yazarların başlıkları belirtmesi için farklı mekanizmalara sahip olabilir. Örneğin, HTML 4.0'da ([HTML40]), başlı bilgisini üç farklı öznitelikle (headers, scope ve axis) belirtmek mümkündür ve belirtim bu öznitelikler kullanılmadığı zaman başlık bilgisini saptamak için bir algoritma verir.

Örnek:

[Açıklama]

Başlık gözeleri ("Mars" ve "Venüs") veri ile aynı sıra veya sütunda olmayan bir tablo.

Bu HTML örneğinde iki yerde ("Mars" ve "Venüs") geçirilen günlerde yol, yemek ve yatak ücretlerine ödenen paralar listelenmiştir. Kavramsal olarak bir tablonun n-boyutlu bir alan kaplayacağını düşünebilirsiniz. Bu alandaki başlıklar şunlar olurdu: yer, gün, masraf kalemi, ara toplam. Bazı gözeler günleri ve yerleri gösterirken diğerleri buralarda harcanan paraları göstermektedir. Tablonun HTML belgesi şöle olurdu:

<!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.0//EN">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <style type="text/css">
      body    { margin: 2em; font-family: serif; }
      caption { font-family: sans-serif; font-weight: bold;}
      col     { width: 60px }
      table   { border: 2px solid black; border-collapse: collapse; }
      td      { text-align: right; }
      td,th   { padding: 0 10px }
      [headers]  { font-weight: normal;}
      .alttop,
      .kalem     { border-bottom: 1px solid black; }
      .kalem     { text-align: right; }
      .alttop    { background: silver; }
      .toplam    { background: aqua; }
    </style>
  </head>
  <body>
  <table>
    <caption>Yolculuk Masrafları Raporu</caption>
    <col style="border-right: 1px solid black;"/>
    <col /><col /><col />
    <col style="border-left: 1px dotted black;"/>
    <tr class="kalem">
      <th></th>
      <th>Yemek</th>
      <th>Yatak</th>
      <th>Yol</th>
      <th>Toplam</th>
    </tr>
    <tr>
      <th axis="mars">Mars</th><th /><th /><th /><th />
    </tr>
    <tr>
      <th headers="mars">25-Tem-97</th>
      <td>37.74</td>
      <td>112.00</td>
      <td>45.00</td>
      <td></td>
    </tr>
    <tr>
      <th headers="mars">26-Tem-97</th>
      <td>27.28</td>
      <td>112.00</td>
      <td>45.00</td>
      <td></td>
    </tr>
    <tr class="alttop">
      <th headers="mars">ara toplam</th>
      <td>65.02</td>
      <td>224.00</td>
      <td>90.00</td>
      <td>379.02</td>
    </tr>
    <tr>
      <th axis="venüs">Venüs</th><th /><th /><th /><th />
    </tr>
    <tr>
      <th headers="venüs">27-Tem-97</th>
      <td>96.25</td>
      <td>109.00</td>
      <td>36.00</td>
      <td></td>
    </tr>
    <tr>
      <th headers="venüs">28-Tem-97</th>
      <td>35.00</td>
      <td>109.00</td>
      <td>36.00</td>
      <td></td>
    </tr>
    <tr class="alttop">
      <th headers="venüs">ara toplam</th>
      <td>131.25</td>
      <td>218.00</td>
      <td>72.00</td>
      <td>421.25</td>
    </tr>
    <tr class="toplam">
      <th>Toplam</th>
      <td>196.27</td>
      <td>442.00</td>
      <td>162.00</td>
      <td><b>800.27</b></td>
    </tr>
  </table>
 </body>
</html>

Veri modelini bu yolla sağlamak suretiyle yazarlar, konuşma bireştiricili tarayıcıların tabloyu zengin bir söylemle sunmalarını mümkün kılabilirler. Örneğin, her veri gözesinden önce uygun başlık söylenebilir:

Mars, 25-Tem-97, Yemek:  37.74
Mars, 25-Tem-97, Yatak:  112.00
Mars, 25-Tem-97, Yol:  45.00
 ...

Başka bir tarayıcı başlıkları sadece değiştiği zaman söyleyebilirdi:

Mars, 25-Tem-97, Yemek: 37.74
    Yatak: 112.00
    Yol: 45.00
  26-Tem-97, Yemek: 27.28
    Yatak: 112.00
...