Skip to content

caption-side

<https://developer.mozilla.org/zh-CN/docs/Web/CSS/caption-side>

CSS 中 caption-side 属性会将表格的标题(&lt;caption>)放到规定的位置。但是具体显示的位置与表格的 writing-mode 属性值有关。

语法

css
/* 方向值 */
caption-side: top;
caption-side: bottom;

/* 逻辑值 */
caption-side: block-start;
caption-side: block-end;
caption-side: inline-start;
caption-side: inline-end;

/* 全局值 */
caption-side: inherit;
caption-side: initial;
caption-side: revert;
caption-side: revert-layer;
caption-side: unset;
  • top 标题盒应置于表格上方。

  • bottom 标题盒应置于表格下方。

  • block-start 标题盒应置于表格的块首一侧。

  • block-end 标题盒应置于表格的块末一侧。

  • inline-start 标题盒应置于表格的行首一侧。

  • inline-end 标题盒应置于表格的行末一侧。

Caption Side

<https://www.tailwindcss.cn/docs/caption-side>

用法

ClassProperties
caption-topcaption-side: top;
caption-bottomcaption-side: bottom;

共 20 个模块,1301 篇 Markdown 文档。