Übersicht

Die caption-side CSS Eigenschaft positioniert den Inhalt einer <caption> einer Tabelle auf der angegebenen Seite.

Initialwerttop
Anwendbar auftable-caption Elemente
VererbtJa
Medienvisuell
Berechneter Wertwie angegeben
Animationstypdiskret
Kanonische Reihenfolgedie eindeutige Reihenfolge definiert durch die formale Grammatik

Syntax

Formale Syntax: top | bottom | block-start | block-end | inline-start | inline-end
caption-side: top
caption-side: bottom
caption-side: left     /* Warning: non-standard value */
caption-side: right    /* Warning: non-standard value */
 
caption-side: inherit

Werte

top
Ist ein Schlüsselwort, das angibt, dass die Überschriftbox oberhalb der Tabelle positioniert werden soll.
bottom
Ist ein Schlüsselwort, das angibt, dass die Überschriftbox unterhalb der Tabelle positioniert werden soll.
left
Ist ein Schlüsselwort, das angibt, dass die Überschriftbox links von der Tabelle positioniert werden soll.
Hinweis: Dieser Wert wurde für CSS 2 vorgeschlagen, jedoch aus der finalen Spezifikation für CSS 2.1 entfernt. Er ist daher nicht standardisiert.
right
Ist ein Schlüsselwort, das angibt, dass die Überschriftbox rechts von der Tabelle positioniert werden soll.
Hinweis: Dieser Wert wurde für CSS 2 vorgeschlagen, jedoch aus der finalen Spezifikation für CSS 2.1 entfernt. Er ist daher nicht standardisiert.
inherit
Ist ein Schlüsselwort, das angibt, dass der caption-side Wert des Elternelements verwendet werden soll.

Beispiele

.contentbox table-caption {
  caption-side: bottom;
}

Spezifikationen

Spezifikation Status Anmerkung
CSS Level 2 (Revision 1)
Die Definition von 'caption-side' in dieser Spezifikation.
Empfehlung  

Browser Kompatibilität

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidEdge MobileFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
Grundlegende UnterstützungChrome Vollständige Unterstützung 1Edge Vollständige Unterstützung 12Firefox Vollständige Unterstützung 1IE Vollständige Unterstützung 8Opera Vollständige Unterstützung 4Safari Vollständige Unterstützung 1WebView Android Vollständige Unterstützung JaChrome Android ? Edge Mobile Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 4Opera Android ? Safari iOS Vollständige Unterstützung JaSamsung Internet Android ?
Non-standard values left, right, top-outside, and bottom-outside
Nicht standardisiert
Chrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Vollständige Unterstützung JaIE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android ? Edge Mobile Keine Unterstützung NeinFirefox Android Vollständige Unterstützung JaOpera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein
top and bottom are relative to the writing-mode value
Experimentell
Chrome Keine Unterstützung NeinEdge Keine Unterstützung NeinFirefox Vollständige Unterstützung 42IE Keine Unterstützung NeinOpera Keine Unterstützung NeinSafari Keine Unterstützung NeinWebView Android Keine Unterstützung NeinChrome Android ? Edge Mobile Keine Unterstützung NeinFirefox Android Vollständige Unterstützung 42Opera Android Keine Unterstützung NeinSafari iOS Keine Unterstützung NeinSamsung Internet Android Keine Unterstützung Nein

Legende

Vollständige Unterstützung  
Vollständige Unterstützung
Keine Unterstützung  
Keine Unterstützung
Kompatibilität unbekannt  
Kompatibilität unbekannt
Experimentell. Das Verhalten kann sich zukünftig ändern.
Experimentell. Das Verhalten kann sich zukünftig ändern.
Nicht standardisiert. Erwarte schlechte browserübergreifende Unterstützung.
Nicht standardisiert. Erwarte schlechte browserübergreifende Unterstützung.

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW, fscholz, Sebastianz, Sheppy
Zuletzt aktualisiert von: SJW,