重要な技術要素、タグ、ユーティリティ |
- ボックス(display,margin,padding,width,height,max-width,min-width,max-height,min-height,float,clear,overflow,visibility)
- マルチカラムレイアウト(column-count,column-width,columns,column-gap,column-rule,column-rule-style,column-rule-width,column-rule-color,column-span)
- flex,z-index,clip
- 色指定(color,opacity)
- 背景指定(background,background-color,background-image,background-repeat,background-position,background-attachment,background-clip,background-origin,background-size)
- 罫線(border,border-style,border-width,border-color,border-radius,box-shadow,liner-gradient,radial-gradient)
- フォント(font,font-size,font-weight,font-style,font-variant,font-family,Webフォント(@font-face))
- テキスト(text-transform,white-space,word-break,hyphents,text-align,word-spaceing,letter-spacing,text-indent)
- テキスト装飾(text-decoration,text-decoration-line,text-decoration-style,text-decoration-color,text-shadow,line-height,vertical-align,direction,unicode-bidi,quotes)
- リスト(list-style,list-style-type,list-style-image,list-style-position,content:counter,counter-increment,counter-reset)
- テーブル(caption-side,table-layout,border-collapse,border-spacing,empty-cells)
- 変形(transform,transform-origin),移動,拡大,縮小,回転
- トランジション(transition, transition-duration, transition-property, transition-timing-function, transition-delay)
- アニメーション(@keyframes, animation, animation-name, animation-delay, animation-duration, animation-iteration-count,animation-timing-function,animation-direction,animation-play-state,animation-fill-mode,)
|