使用此交(jiao)互式備忘單(dan)快速查找所有類名(ming)和(he) CSS 屬性
用于控制(zhi)元素縱橫比的實(shi)用程序(xu)
:-- | -- |
---|---|
aspect-auto | |
aspect-square | |
aspect-video |
<iframe
class="w-full aspect-video ..."
src="//www.youtube.com/...">
</iframe>
設置最大(da)寬度(du)以(yi)匹配(pei)當(dang)前斷點的最小寬度(du)
:-- | -- | -- |
---|---|---|
container | none | |
sm (640px) | ||
md (768px) | ||
lg (1024px) | ||
xl (1280px) | ||
2xl (1536px) |
<div class="md:container md:mx-auto">
<!-- ... -->
</div>
用于控制元素中(zhong)列數的實用程序
:-- | -- |
---|---|
columns-1 | |
columns-2 | |
columns-3 | |
columns-4 | |
columns-5 | |
columns-6 | |
columns-7 | |
columns-8 | |
columns-9 | |
columns-10 | |
columns-11 | |
columns-12 | |
columns-auto | |
columns-3xs | |
columns-2xs | |
columns-xs | |
columns-sm | |
columns-md | |
columns-lg | |
columns-xl | |
columns-2xl | |
columns-3xl | |
columns-4xl | |
columns-5xl | |
columns-6xl | |
columns-7xl |
用(yong)于控制列或(huo)頁面(mian)應(ying)如何在(zai)元素后斷開(kai)的實用(yong)程序
:-- | -- |
---|---|
break-after-auto | |
break-after-avoid | |
break-after-all | |
break-after-avoid-page | |
break-after-page | |
break-after-left | |
break-after-right | |
break-after-column |
用于控制列或頁面在元(yuan)素之前(qian)應如何中(zhong)斷的實用程序
:-- | -- |
---|---|
break-before-auto | |
break-before-avoid | |
break-before-all | |
break-before-avoid-page | |
break-before-page | |
break-before-left | |
break-before-right | |
break-before-column |
用于控制列或頁面在元素內的拆分方式(shi)的實用程序
:-- | -- |
---|---|
break-inside-auto | |
break-inside-avoid | |
break-inside-avoid-page | |
break-inside-avoid-column |
用于控制應如(ru)何跨多(duo)(duo)行、多(duo)(duo)列或多(duo)(duo)頁(ye)呈現元(yuan)素片段的實用程序
:-- | -- |
---|---|
box-decoration-clone | |
box-decoration-slice |
用于控制瀏覽器應如何計算元素(su)總(zong)大小的實(shi)用程序(xu)
:-- | -- |
---|---|
box-border | |
box-content |
用于控(kong)制元素(su)顯示框類型的實(shi)用程(cheng)序
:-- | -- |
---|---|
block | |
inline-block | |
inline | |
flex | |
inline-flex | |
table | |
inline-table | |
table-caption | |
table-cell | |
table-column | |
table-column-group | |
table-footer-group | |
table-header-group | |
table-row-group | |
table-row | |
flow-root | |
grid | |
inline-grid | |
contents | |
list-item | |
hidden |
用(yong)于控制元素周圍內容包裝(zhuang)的實用(yong)程序
用于控(kong)制元素周圍內容包裝的實用程序
用于控制元素是否應顯式(shi)創建新的(de)堆疊上下文的(de)實(shi)用程(cheng)序
:-- | -- |
---|---|
isolate | isolation: isolate; |
isolation-auto | isolation: auto; |
用(yong)于(yu)控(kong)制如何調整替換元素內(nei)容大(da)小的(de)實(shi)用(yong)程序
用(yong)于(yu)控(kong)制定位(wei)元(yuan)素放置的(de)實(shi)用(yong)程(cheng)序
用(yong)于控制(zhi)替換(huan)元素的(de)內容在其容器中的(de)定位方式的(de)實(shi)用(yong)程序
用于控制元素如(ru)何處理對于容器來說太大的(de)內容的(de)實用程序
用于控制(zhi)元(yuan)素可見性的實用程序(xu)
用于(yu)控制元素堆疊(die)順序的實用程序
用于控制瀏覽器到達滾動(dong)區域邊界(jie)時的行為方式(shi)的實用程序
用于控制元素在 DOM 中的(de)定位(wei)方(fang)式的(de)實用程序
用于設(she)置元(yuan)素(su)寬度的實用程序
用于設置元素的(de)最小寬(kuan)度的(de)實(shi)用程序
用于設置元素(su)最(zui)大寬度的實用程序
用于設置元素高度的實用程序
用于(yu)設置元(yuan)素的(de)最小高度的(de)實用程序(xu)
用(yong)于設置元素最(zui)大(da)高度的實用(yong)程序
用于控制元(yuan)素邊界半(ban)徑的(de)實用程序(xu)
用于控制元素邊框(kuang)寬度的實用程序
用于控制元素邊框顏色(se)的(de)實用程序
用(yong)(yong)于(yu)控制元(yuan)素邊框樣式的(de)實用(yong)(yong)程(cheng)序
用于控制元素之間的(de)邊框寬度的(de)實用程序
用(yong)于控制元素之間的(de)邊框顏色的(de)實用(yong)程序
用于控制(zhi)元素之(zhi)間的邊框樣(yang)式的實(shi)用程序
用于控制元(yuan)素(su)輪廓寬度的實用程序
用(yong)(yong)于控制元素輪廓顏(yan)色(se)的實(shi)用(yong)(yong)程序(xu)
用于控制元素(su)輪廓樣(yang)式的實用程序
用于控制元素(su)輪廓偏移的實用程序
用于創建帶有(you)框陰(yin)影的輪廓環的實用程序
用于設置輪廓環顏色的實用程序
添加(jia)輪廓(kuo)環時模擬偏移的實用(yong)程序(xu)
用于(yu)設置輪廓環偏移(yi)顏色的實用程序(xu)
用(yong)于控制哪些 CSS 屬性(xing)轉換的實(shi)用(yong)程序
用(yong)于控制 CSS 過渡持續時間的實(shi)用(yong)程序
用于(yu)控制 CSS 過渡緩動的(de)實用程序(xu)
用于控制 CSS 轉換延遲的(de)實用程序
使用 CSS 動畫對元素進行動畫處理的實用程(cheng)序
用(yong)于(yu)控制表(biao)格邊框是折疊還是分開的實用(yong)程(cheng)序
用(yong)于控制(zhi)表格(ge)邊(bian)框間距(ju)的(de)實(shi)用(yong)程序
用于控制表布局算(suan)法的實用程(cheng)序
用于(yu)控制(zhi)背景圖像在滾動時的行(xing)為方式(shi)的實用程序
用于控制元素背景顏色的實用程序
用于控制元素背景邊界框的實用程序
用于控制(zhi)元素背景(jing)相對于邊框、填(tian)充和內容的定(ding)位方式的實用程序
用(yong)于控制(zhi)元(yuan)素背景圖像(xiang)位置的實用(yong)程序
用(yong)于控(kong)制(zhi)元(yuan)素(su)背(bei)景圖像重復(fu)的實用(yong)程(cheng)序
用于控制元素(su)背景圖像的背景大(da)小(xiao)的實用程序(xu)
用于控制(zhi)背景漸變色標的實(shi)用程序(xu)
用于控制元(yuan)素背景圖像的實用程序
用于(yu)控制元素(su)填充的實用程序(xu)
用(yong)(yong)于控制元素邊距的實用(yong)(yong)程序(xu)
用于(yu)控制子元素之間空間的(de)實用程序(xu)
用于樣式(shi)化 SVG 元素填充的實用程(cheng)序
用于設置(zhi) SVG 元素筆(bi)劃樣式的實用程序
用于設(she)置 SVG 元素筆劃寬度(du)樣式的實用程(cheng)序
用于控制元素字(zi)體系列的(de)實用程序(xu)
用于控制元素字體(ti)大(da)小的(de)實用程序(xu)
用于控制元素字體平滑(hua)的實(shi)用程(cheng)序(xu)
用于(yu)控制文本(ben)樣式的實用程(cheng)序
用于控制元素字(zi)體粗細的(de)實用程序(xu)
用于控制數字變體的實用程序
用(yong)于控(kong)制元(yuan)素的跟蹤(字(zi)母間距)的實用(yong)程序
用(yong)于控制元素行(xing)距(ju)(行(xing)高)的實用(yong)程序
用于控(kong)制列表的(de)項目(mu)符號(hao)/編號(hao)樣(yang)式的(de)實(shi)用程序
用于控制(zhi)列表中項目符號(hao)/編號(hao)位置的實(shi)用程序
用(yong)(yong)于控制文本對(dui)齊(qi)的實(shi)用(yong)(yong)程(cheng)序(xu)
用于控制文(wen)本裝飾(shi)的實用程序
用于控制(zhi)元素文(wen)本顏色的(de)實用程序
用(yong)于控制文本(ben)裝飾顏色(se)的實用(yong)程序
用于控制文本裝(zhuang)飾(shi)樣式(shi)的(de)實用程序
用于控制文本(ben)裝(zhuang)飾厚度的實用程序
用于控制(zhi)文本下(xia)劃線偏移量的實用程序
用于控制文本轉換的實(shi)用程序
用(yong)于控制元素中文本溢出(chu)的實用(yong)程序
用(yong)于控制塊(kuai)中文本前(qian)顯示的空白空間量的實用(yong)程序
用(yong)于(yu)控制內聯或表格單元格框(kuang)的垂直對齊的實用(yong)程序(xu)
用(yong)于控(kong)制元(yuan)素的空白屬性的實(shi)用(yong)程序
用(yong)于(yu)控制元素中的(de)分詞的(de)實用(yong)程序
用于控制前后偽(wei)元素內容(rong)的(de)實用程序
使(shi)用(yong)(yong)變換縮放元素的實用(yong)(yong)程序
使用(yong)變換旋轉元素的實用(yong)程(cheng)序
使用(yong) transform 翻譯元(yuan)素的實用(yong)程序
使用(yong)變換(huan)傾斜(xie)元(yuan)素(su)的實(shi)用(yong)程序
用于指定元素轉換(huan)原點的實用程序
用于控制表單控件強調色的實(shi)用程序
用于抑(yi)制本機(ji)表單(dan)控件樣式的實(shi)用程序
用于控制(zhi)元素(su)是否響應指針事件的實用程(cheng)序
將鼠(shu)標(biao)懸停(ting)在元素(su)上時控制光標(biao)樣式的實用程序
用于控制(zhi)文(wen)本輸入(ru)光標顏色的實用程序
用于(yu)控制(zhi)如何(he)調整(zheng)元素大小的實用程序
用于控制元素滾動(dong)行為(wei)的實(shi)用程(cheng)序
用于控制元(yuan)素的(de)(de)滾(gun)動(dong)對齊對齊的(de)(de)實用程序
用(yong)(yong)于控制您是否可以跳過可能的對齊(qi)位置的實用(yong)(yong)程序
用于控制(zhi)在捕(bu)捉(zhuo)容器(qi)中強制(zhi)執行捕(bu)捉(zhuo)點(dian)的嚴(yan)格(ge)程度(du)的實用程序
用于(yu)控制(zhi)快照容器中(zhong)項(xiang)目周圍滾動偏移的實用程序
用于(yu)控(kong)制元素(su)在 snap 容(rong)器中(zhong)的(de)滾動(dong)偏(pian)移的(de)實用程序
用于(yu)控制元素如何(he)在觸摸屏上滾動(dong)和縮放的實用程序
用于(yu)控(kong)制用戶是(shi)否可以選擇元素中的文本的實(shi)用程序
用于(yu)優化即將發(fa)生變(bian)化的元素動畫的實用程序
將模糊濾鏡(jing)應用(yong)于(yu)元素(su)的實用(yong)程序
將亮(liang)度過濾器(qi)應用于元素的實用程序
用(yong)(yong)于將對比濾鏡(jing)應用(yong)(yong)于元(yuan)素(su)的實用(yong)(yong)程序
用(yong)(yong)于(yu)將陰影濾鏡應用(yong)(yong)于(yu)元(yuan)素的(de)實用(yong)(yong)程序
用(yong)于將灰度濾鏡應用(yong)于元素的實用(yong)程序(xu)
用于將色調旋(xuan)轉濾鏡應用于元(yuan)素的實(shi)用程序
用于(yu)將反(fan)轉(zhuan)過濾器(qi)應(ying)用于(yu)元素的實(shi)用程序
用于將(jiang)飽和過濾(lv)器應(ying)用于元素的實用程序(xu)
將棕(zong)褐(he)色(se)濾(lv)鏡應用于元素的(de)實用程序
將(jiang)背景模糊濾鏡應(ying)用(yong)于元素的實(shi)用(yong)程序
將背景亮度(du)濾鏡應(ying)用于元素的實(shi)用程序(xu)
用(yong)于(yu)將(jiang)背景對比(bi)度(du)濾(lv)鏡(jing)應用(yong)于(yu)元素的實(shi)用(yong)程序
用于將背景灰度濾鏡應用于元素(su)的實用程(cheng)序
將背景色調旋轉濾鏡應用(yong)于元素的實用(yong)程(cheng)序
將背景反(fan)轉濾鏡應用于元(yuan)素(su)的實用程(cheng)序
用于將背景不透明(ming)度過濾器應用于元素的(de)實(shi)用程(cheng)序
用(yong)于(yu)將(jiang)背景飽和度濾鏡應用(yong)于(yu)元素(su)的(de)實用(yong)程序
將背景棕褐色(se)過濾器應用于元素的(de)實用程序
用于控制彈性(xing)項(xiang)目初始大小的實(shi)用程序
用于控制(zhi)彈性項(xiang)目方向的實用程(cheng)序
用于控制彈性項目(mu)包(bao)裝方式的實(shi)用程序
用于控制彈性項目如何(he)增(zeng)長(chang)和收(shou)縮的實(shi)用程序
用于控制彈性項目(mu)增長方式的實用程(cheng)序
用于控制彈性項目收縮方式的實用程(cheng)序(xu)
用于控(kong)制彈(dan)性和網(wang)格項目順(shun)序的實(shi)用程(cheng)序
用于指(zhi)定網格布(bu)局中(zhong)的列的實用程序
用于控制元素(su)如(ru)何調整大小和跨網格列放置(zhi)的實用程(cheng)序
用于指定網格布局中的行的實用程序(xu)
用于控制(zhi)元(yuan)素如何調整大(da)小和(he)跨(kua)網格行放置的(de)實用程(cheng)序
用(yong)(yong)于控制網格中元素如何(he)自動(dong)放置的實用(yong)(yong)程序
用(yong)于(yu)控制(zhi)隱式創(chuang)建(jian)的(de)網格列大小的(de)實用(yong)程序(xu)
用于控(kong)制隱式創建(jian)的網格行(xing)大(da)小的實用程(cheng)序(xu)
用于控制網格(ge)和 flexbox 項目之(zhi)間的間距的實用程序
用于控制 flex 和 grid 項(xiang)目如何沿(yan)容器的主軸(zhou)定(ding)位(wei)的實用程序
用于(yu)控制網(wang)格項目如何沿其內聯軸對齊的實用程序
用于控制單個網格項目如何沿其內聯(lian)軸對齊(qi)的實用程序(xu)
用于控制行(xing)在(zai)多行(xing) flex 和網格容器中的定位方式的實用程(cheng)序(xu)
用(yong)(yong)于控制 flex 和(he) grid 項目如何沿容器的橫軸定位的實用(yong)(yong)程序
用于(yu)控制單個彈性或網(wang)格(ge)項目如何沿其容器的橫軸定(ding)位的實用程(cheng)序
用于(yu)控制內容如何同時對齊(qi)和對齊(qi)的實(shi)用程序
用于控(kong)制(zhi)項目(mu)如何同(tong)時對齊(qi)和對齊(qi)的實用程序
用于控制單個項(xiang)目如何同時對齊(qi)和對齊(qi)的實用程序
用(yong)于提高屏幕(mu)閱(yue)讀器可訪問性的實用(yong)程序(xu)