Basic
Props | |
---|---|
align-content | フレックス > Align Content |
align-items | フレックス > Align Items カラム > Alignment |
align-self | フレックス > Align Self カラム > Alignment |
background-color | バックグラウンド(背景) > Background Color |
background-gradient | バックグラウンド(背景) > Background Gradient |
background-image | |
background-opacity | バックグラウンド(背景) > Opacity |
background-position | |
background-repeat | |
background-size | |
border | |
border-color | ボーダー > Color |
border-subtractive | ボーダー > Subtractive |
border-width | ボーダー > Width |
bottom | |
clearfix | |
col | |
display | |
display-headings | タイポグラフィ > Display Headings |
end | |
fixed | |
flex | フレックス > Enable Flex Behaviors |
flex-direction | フレックス > Direction |
flex-fill | フレックス > Fill |
flex-grow | フレックス > Grow And Shrink |
flex-order | フレックス > Order |
flex-shrink | フレックス > Grow And Shrink |
flex-wrap | フレックス > Wrap |
float | |
focus-ring | |
font-family | |
font-monospace | テキスト > Monospace |
font-size | テキスト > Font Size |
font-style | テキスト > Font Weight And Italics |
font-weight | テキスト > Font Weight And Italics |
gap | スペーシング > Gap CSS Grid > Gaps |
headings | タイポグラフィ > Headings |
hstack | スタックス > Horizontal |
initialism | タイポグラフィ > Abbreviations |
invisible | |
justify-content | フレックス > Justify Content |
lead | タイポグラフィ > Lead |
line-height | テキスト > Line Height |
link-offset | リンク > Underline Offset |
link-opacity | リンク > Link Opacity |
link-underline | リンク > Link Underlines |
link-underline-opacity | リンク > Underline Opacity |
margin | |
mark | タイポグラフィ > Inline Text Elements |
max-height | サイジング > Relative To The Parent |
max-width | サイジング > Relative To The Parent |
min-viewport-height | サイジング > Relative To The Viewport |
min-viewport-width | サイジング > Relative To The Viewport |
object-fit | |
offset | カラム > Offsetting Columns |
opacity | |
order | フレックス > Order カラム > Order |
overflow | |
padding | |
placeholder | |
placeholder-size | |
pointer-events | インタラクション > Pointer Events |
position | |
ratio | |
relative-height | サイジング > Relative To The Parent |
relative-width | サイジング > Relative To The Parent |
rounded | ボーダー > Radius |
rounded-size | ボーダー > Sizes |
shadow | |
small | タイポグラフィ > Inline Text Elements |
start | |
sticky | |
tag | マイグレーション > Generic Html Components |
text-alignment | テキスト > Text Alignment |
text-background | |
text-break | テキスト > Word Break |
text-color | |
text-decoration | テキスト > Text Decoration |
text-opacity | テキストカラー > Opacity |
text-reset | テキスト > Reset Color |
text-transform | テキスト > Text Transform |
text-truncate | |
text-wrap | テキスト > Text Wrapping And Overflow |
theme | |
top | |
translate | |
user-select | インタラクション > Text Selection |
vertical-align | |
viewport-height | サイジング > Relative To The Viewport |
viewport-width | サイジング > Relative To The Viewport |
visible | |
visually-hidden | |
vstack | スタックス > Vertical |
z |