布局
| css | 說明 | 地址 |
|---|---|---|
| aspect-ratio | 用于控制元素縱橫比 | Aspect Ratio - Tailwind CSS |
| width <br />max-width | container：用于將元素的寬度固定到當前斷點的組件 | Container - Tailwind CSS |
| columns | 用于控制元素內列數 | Columns - Tailwind CSS |
| break-after | 用于控制列或頁在元素之后應如何換行的實用程序 【打印】 | Break After - Tailwind CSS |
| break-before | 用于控制列或頁在元素之前應如何中斷的實用程序 【打印】 | Break Before - Tailwind CSS |
| break-inside | 用于控制列或頁面在元素中應如何中斷的實用程序 | Break Inside - Tailwind CSS |
| box-decoration-break | 用于控制元素片段應如何跨多行、多列或多頁呈現 | Box Decoration Break - Tailwind CSS |
| box-sizing | 用于控制瀏覽器應如何計算元素的總大小 | Box Sizing - Tailwind CSS |
| display | 用于控制元素的顯示框類型 | Display - Tailwind CSS |
| float | 元素浮動 | Floats - Tailwind CSS |
| clear | 清除浮動元素 | Clear - Tailwind CSS |
| isolation | 用于控制元素是否應顯式創建新的堆疊上下文 | Isolation - Tailwind CSS |
| object-fit | 調整大小以覆蓋容器 | Object Fit - Tailwind CSS |
| object-position | 定位被替換的元素 | Object Position - Tailwind CSS |
| overflow | 溢出的內容顯示方式 | Overflow - Tailwind CSS |
| overscroll-behavior | 滾動行為，用于控制瀏覽器在到達滾動區域邊界時的行為方式 | Overscroll Behavior - Tailwind CSS |
| position | 位置 | Position - Tailwind CSS |
| inset<br /> left <br /> right <br /> top <br /> bottom <br /> inset-inline-start <br /> inset-inline-end | 上/右/下/左 | Top / Right / Bottom / Left - Tailwind CSS |
| visibility | 顯示隱藏 | Visibility - Tailwind CSS |
| z-index | 用于控制元素的堆棧順序 | Z-Index - Tailwind CSS |
Flex布局
| css | 說明 | 地址 |
|---|---|---|
| flex-basis | 定義了在分配多余空間之前，項目占據的主軸空間 | Flex Basis - Tailwind CSS |
| flex-direction | 決定主軸的方向 | Flex Direction - Tailwind CSS |
| flex-wrap | 如果一條軸線排不下，如何換行 | Flex Wrap - Tailwind CSS |
| flex | flex-grow, flex-shrink 和 flex-basis的簡寫，默認值為0 1 auto。后兩個屬性可選。 | Flex - Tailwind CSS |
| flex-grow | 定義項目的放大比例，默認為0，即如果存在剩余空間，也不放大。 | Flex Grow - Tailwind CSS |
| flex-shrink | 定義了項目的縮小比例，默認為1，即如果空間不足，該項目將縮小。 | Flex Shrink - Tailwind CSS |
| order | 用于控制 flex 和網格項順序 | Order - Tailwind CSS |
| justify-content | 定義了項目在主軸上的對齊方式 | Justify Content - Tailwind CSS |
| align-items | 定義項目在交叉軸上如何對齊 | Align Items - Tailwind CSS |
| align-self | 允許單個項目有與其他項目不一樣的對齊方式，可覆蓋align-items屬性。 | Align Self - Tailwind CSS |
Grid布局
| css | 說明 | 地址 |
| grid-column | 用于控制元素在網格列中的大小和放置方式 | Grid Column Start / End - Tailwind CSS |
| grid-template-rows | 用于指定網格布局中的行的實用程序 | Grid Template Rows - Tailwind CSS |
| grid-row | 用于控制元素在網格行中的大小和放置方式 | Grid Row Start / End - Tailwind CSS |
| grid-auto-flow | 用于控制如何自動放置網格中元素 | Grid Auto Flow - Tailwind CSS |
| grid-auto-columns | 用于控制隱式創建的網格列大小 | Grid Auto Columns - Tailwind CSS |
| grid-auto-rows | 用于控制隱式創建的網格行的大小 | Grid Auto Rows - Tailwind CSS |
| gap <br /> column-gap <br /> row-gap | 設置元素之間的間隙 | Gap - Tailwind CSS |
| justify-items | 用于根據網格項的內聯軸對齊方式 | Justify Items - Tailwind CSS |
| justify-self | 用于根據網格屬性的值對齊項 | Justify Self - Tailwind CSS |
| align-content | 對齊內容 | Align Content - Tailwind CSS |
| place-content | 用于控制內容如何同時對齊 | Place Content - Tailwind CSS |
| place-items | 用于將柵格項放置在兩個軸上的柵格區域 | Place Items - Tailwind CSS |
| place-self | 用于控制如何同時對齊單個項目進行對齊 | Place Self - Tailwind CSS |
間距
| css | 說明 | 地址 |
|---|---|---|
| padding padding-left padding-right padding-top padding-bottom padding-inline-start padding-top padding-inline-end padding-right | 內邊距 | Padding - Tailwind CSS |
| margin margin-left margin-right margin-top margin-bottom margin-inline-start margin-top margin-inline-end margin-right | 外間距 | Margin - Tailwind CSS |
| margin-left margin-top --tw-space-y-reverse --tw-space-x-reverse | 用于控制子元素之間空間的實用程序 | 間距 - 順風 CSS (tailwindcss.com) |
大小
| css | 說明 | 地址 |
|---|---|---|
| width | 寬度 | Width - Tailwind CSS |
| min-width | 最小寬度 | Min-Width - Tailwind CSS |
| max-width | 最大寬度 | Max-Width - Tailwind CSS |
| height | 高度 | Height - Tailwind CSS |
| min-height | 最小高度 | Min-Height - Tailwind CSS |
| max-height | 最大高度 | Max-Height - Tailwind CSS |
| width height | 大小 | Size - Tailwind CSS |
字體
| css | 說明 | 地址 |
|---|---|---|
| font-family | 字體 | Font Family - Tailwind CSS |
| font-size line-height | 字體大小、行高 | Font Size - Tailwind CSS |
| -webkit-font-smoothing、 -moz-osx-font-smoothing | 字體平滑 | Font Smoothing - Tailwind CSS |
| font-style | 字形 | Font Style - Tailwind CSS |
| font-weight | 字體粗細 | Font Weight - Tailwind CSS |
| font-variant-numeric | 字體變體 Numeric | Font Variant Numeric - Tailwind CSS |
| letter-spacing | 字母間距 | Letter Spacing - Tailwind CSS |
列表
| css | 說明 | 地址 |
|---|---|---|
| list-style-image | 列表樣式圖像 | List Style Image - Tailwind CSS |
| list-style-position | 列表樣式位置 | List Style Position - Tailwind CSS |
| list-style-type | 列表樣式類型 | List Style Type - Tailwind CSS |
文本
| css | 說明 | 地址 |
|---|---|---|
| text-align | 文本對齊 | Text Align - Tailwind CSS |
| color | 文本顏色 | Text Color - Tailwind CSS |
| text-decoration-line | 文字修飾 | Text Decoration - Tailwind CSS |
| text-decoration-color | 文字裝飾顏色 | Text Decoration Color - Tailwind CSS |
| text-decoration-style | 文字裝飾風格 | Text Decoration Style - Tailwind CSS |
| text-decoration-thickness | 文字裝飾粗細 | Text Decoration Thickness - Tailwind CSS |
| text-underline-offset | 文本下劃線偏移量 | Text Underline Offset - Tailwind CSS |
| overflow、display、-webkit-box-orient、 -webkit-line-clamp | 省略顯示 | Line Clamp - Tailwind CSS |
| line-height | 線高 | Line Height - Tailwind CSS |
| text-transform | 文本轉換 | Text Transform - Tailwind CSS |
| overflow text-overflow white-space | 文本溢出 | Text Overflow - Tailwind CSS |
| text-overflow | 文本溢出 | Text Overflow - Tailwind CSS |
| text-wrap | 文本換行 | Text Wrap - Tailwind CSS |
| text-indent | 文本縮進 | Text Indent - Tailwind CSS |
| vertical-align | 垂直對齊 | Vertical Align - Tailwind CSS |
| white-space | 空白 | Whitespace - Tailwind CSS |
| word-break overflow-wrap | 分詞符 | Word Break - Tailwind CSS |
| hyphens | 連字符 | Hyphens - Tailwind CSS |
| content | 內容 | Content - Tailwind CSS |
背景
| css | 說明 | 地址 |
|---|---|---|
| background-attachment | 背景附件 | Background Attachment - Tailwind CSS |
| background-clip | 背景剪輯 | Background Clip - Tailwind CSS |
| background-color | 背景顏色 | Background Color - Tailwind CSS |
| background-origin | 背景起源 | Background Origin - Tailwind CSS |
| background-position | 背景位置 | Background Position - Tailwind CSS |
| background-repeat | 背景重復 | Background Repeat - Tailwind CSS |
| background-size | 背景尺寸 | Background Size - Tailwind CSS |
| background-image | 背景圖片 | Background Image - Tailwind CSS |
邊框
| css | 說明 | 地址 |
|---|---|---|
| border-radius | 邊框半徑 | Border Radius - Tailwind CSS |
| border-width | 邊框寬度 | Border Width - Tailwind CSS |
| border-color | 邊框顏色 | Border Color - Tailwind CSS |
| border-style | 邊框樣式 | Border Style - Tailwind CSS |
