Натписна страна - ЦСС-трикови

Anonim

caption-sideИмовина у ЦСС-у омогућава да дефинишете где да поставите ХТМЛ-је

елемент, који се користи на ХТМЛ табелама. Ово својство се такође може применити на било који елемент чије је displayсвојство постављено на caption-side.

table ( caption-side: top; )

Вредности

  • top: подразумевано. Поставља наслов на врх табеле.
  • bottom: поставља наслов на дно табеле.
  • inherit: означава да је вредност наследјена од caption-sideвредности свог родитеља

caption-sideИмовина може бити или примењена на


element or the

display table-caption text-align

Имајте на уму да су горње вредности за caption-sideу односу на режим писања у табели. На пример, ако је сто је постављен на вертикалној режим писања, затим topи bottomвредности ће бити у односу на правцу стола.

Демонстрација у наставку укључује дугме „пребаци“ које пребацује caption-sideсвојство табеле између topи bottom, тако да можете да видите разлику користећи табелу са много редова података:

Погледајте
Демонстрацију оловке својства
на страни описа компаније ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

У следећем демо-у writing-modeпостављено је за vertical-rl. Као што је показано пребацивањем помоћу дугме, topи bottomвредности су у односу на писање-моде стола:

Погледајте
демо оловку својства
на страни описа са различитим режимом писања од стране ЦСС-трикова (@ цсс-трикови) на ЦодеПен-у.

Нестандардне вредности само за Фирефок

Фирефок већ дуго подржава и још увек подржава четири нестандардне вредности за caption-side:

  • left: поставља наслов лево од табеле.
  • right: поставља наслов десно од табеле.
  • top-outside: поставља наслов на врх табеле, а његове димензије су независне од табеле
  • bottom-outside: поставља наслов на дно табеле, а његове димензије су независне од табеле

Демонстрација у наставку ради само у Фирефок-у и омогућава вам да помоћу четири дугмета подесите различите нестандардне вредности:

Погледајте
демо Пен- Фирефок-а само за својство на страни стране ЦСС-Трицкс (@ цсс-трицкс)
на ЦодеПен-у.

Нове стандардне вредности

У последњим нацртима ЦСС спецификације, caption-sideвласништво је део ЦСС Логично Пропертиес Ниво 1 и обухвата вредности block-start, block-end, inline-start, и inline-end. Последња два одговарају нестандардни leftи rightвредности, и тражи само да буде подржан од стране корисничких агената које подржавају оне нестандардне вредности.

Више информација

  • својство на страни описа у спецификацији ЦСС2.1
  • својство натписа у спецификацији ЦСС2.2
  • наслов у ЦСС логичким својствима 1

Подршка прегледача

елемент, са истим ефектом. Иако ће ово својство утицати на положај оквира са насловима у целини (вредност натписа израчунава се на), то неће утицати на поравнање текста унутар оквира. Текст унутар оквира може се поравнати помоћу својства.
Хром Сафари Фирефок Опера ИЕ Андроид иОС
1+ 1+ 1+ 9.2+ 8+ 2.1+ 3.2+

Подршка у горњој табели односи се на основну подршку за стандард topи bottomвредности. Фирефок и додатно подржава нестандардне left, right, top-outside, и bottom-outsideвредности. Нема браузер подршка за нове block-start, block-end, inline-start, и inline-endвредности.