A caption-sideCSS tulajdonság lehetővé teszi, hogy meghatározza a HTML helyét
elem, amelyet HTML táblákon használnak. Ez a tulajdonság bármely elemre vonatkozhat, amelynek displaytulajdonságára van állítva caption-side.
table ( caption-side: top; )Értékek
top: az alapértelmezett. Helyezze a feliratot a táblázat tetejére.bottom: elhelyezi a feliratot a táblázat alján.inherit: azt jelzi, hogy az értékcaption-sidea szülő értékéből öröklődik
A caption-sidetulajdonság bármelyikre alkalmazható
element or the
display table-caption text-align
Ne feledje, hogy a fenti értékek caption-sidea táblázat írási módjához viszonyulnak. Például, ha egy tábla függőleges írási módra van állítva, akkor a topés az bottomértékek viszonyulnak a táblázat irányához.
Az alábbi bemutató tartalmaz egy „váltógombot”, amely a tábla caption-sidetulajdonságát váltja a topés között bottom, így a különbséget sok adatsoros táblázat segítségével láthatja:
Lásd a
CSS-Tricks (@ css-tricks) feliratoldali tulajdonságának Toll bemutatóját
a CodePen-en.
A következő bemutatóban writing-modea táblához tartozó a vertical-rl. Amint azt a gomb használatával váltogatja, a topés az bottomértékek viszonyítva vannak a táblázat írási módjához:
Tekintse meg a
CSS-Tricks (@ css-tricks) által a CSS-Tricks (@ css-tricks) feliratoldali tulajdonságának Toll bemutatóját különböző írási
módokkal.
Nem szabványos, csak Firefox értékek
A Firefox régóta támogatja, és még mindig támogatja a következő négy nem szabványos értéket caption-side:
left: a feliratot a táblázat bal oldalán helyezi el.right: a feliratot a táblázat jobb oldalán helyezi el.top-outside: a feliratot a táblázat tetejére helyezi, méreteitől függetlenülbottom-outside: a feliratot a táblázat aljára helyezi, méretei az asztaltól függetlenek
Az alábbi bemutató csak a Firefoxban működik, és négy gomb használatával állíthatja be a különböző nem szabványos értékeket:
Tekintse meg a
CSS-Tricks (@ css-tricks)
CSR -Tricks (@ css-tricks) csak a feliratok oldali tulajdonságainak csak a Firefox böngészőjében bemutatott bemutatót .
Új standard értékek
A legújabb tervezetek a CSS specifikáció, az caption-sideingatlan része CSS logikai Properties Level 1, és magában foglalja az értékeket block-start, block-end, inline-startés inline-end. Ez utóbbi kettő megfelel a nem szabványosnak leftés az rightértékeknek, és csak azokat a felhasználói ügynököket kell támogatniuk, amelyek támogatják ezeket a nem szabványos értékeket.
Több információ
- feliratoldali tulajdonság a CSS2.1 specifikációban
- feliratoldali tulajdonság a CSS2.2 specifikációban
- felirat-oldal a CSS 1. logikai tulajdonságaiban
Böngésző támogatás
elem, ugyanazzal a hatással. Bár ez a tulajdonság hatással lesz a feliratmező egészének helyzetére (a felirat értéke kiszámítja), nem befolyásolja a mezőben lévő szöveg igazítását. A dobozban lévő szöveg a tulajdonság segítségével igazítható.| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| 1+ | 1+ | 1+ | 9.2+ | 8+ | 2.1+ | 3.2+ |
A fenti táblázatban szereplő támogatás a szabvány topés az bottomértékek alapvető támogatására vonatkozik . A Firefox emellett támogatja a nem szabványos left, right, top-outsideés bottom-outsideértékeket. Nincs böngésző támogatja az új block-start, block-end, inline-startés inline-endértékeket.