組み込みCSS

汎用

スペースを空ける

• .spache-h{20,40,60}

生成されるcss

.space-h20{
  height: 20px;
  width: 100%;
}

マージン

• .mt{5,10,15,20,25,30}
• .ml{5,10,15,20,25,30}
• .mr{5,10,15,20,25,30}
• .mb{5,10,15,20,25,30}

.mt5{
  margin-top: 5px;
}

.ml5{
  margin-left: 5px;
}

.mr5{
  margin-right: 5px;
}

.mb5{
  margin-bottom: 5px;
}

パディング

• .pt{5,10,15,20}
• .pl{5,10,15,20}
• .pr{5,10,15,20}
• .pb{5,10,15,20}

  .pt5{
    padding-top: 5px;
  }

  .pl5{
    padding-left: 5px;
  }

  .pr5{
    padding-right: 5px;
  }

  .pb5{
    padding-bottom: 5px;
  }