<button></button> を詳しく

Buttonを作ってみた
buttonに利用できそうなプロパティ(使ってたやつ)

• transition 時間的変化をまとめて指定する
  　transition-propertyの値 transition-durationの値 transition-timing-functionの値 transition-delayの値の順

     .sample {
     background-color:blue; width:200px; height:50px; 
     transition: background-color 1s linear 0 , width 1s linear 0 , height 1s    linear 0;}
  

• text-transform

• outline アウトラインのスタイル・太さ・色を指定する
  　borderとは違って、上下左右の認識がない。 縁取り
• speak　よみあげ
  　あまり使わない？
• font-variant
  　フォントをスモールキャップにする際に使用
• box-sizing 便利な奴。paddingとかborderの太さに左右されずに高さとか幅を指定できる
  また別に詳しく。
• align-items　フレキシブルボックス内でのボックスの揃え方を指定する
  くわしくはここから

See the Pen EaEwyM by megumin (@megumin23) on CodePen.

See the Pen JoLOoK by megumin (@megumin23) on CodePen.

いらないものがたくさん含まれてるきがする。

あくまで、メモ。