WePuri


ログイン

パスワードを忘れた方はこちらから

無料登録

See the Pen HTML,CSS基礎② by プログラミングLesson (@Support_Lounge) on CodePen.

最低限必要なCSSプロパティ

margin外側の余白使用例
margin: 30px;
margin: 30px 50px;
margin: 30px 50px 40px 30px;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 30px;
margin-right: 30px;
padding内側の余白使用例
padding: 30px;
padding: 30px 50px;
padding: 30px 50px 40px 30px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
background背景色使用例
background: red;
background: #333;
background: rgb(0, 0, 0);
color文字の色使用例
color: #fff;
color: #333;
color: rgb(0, 0, 0);
font-size文字の大きさ使用例
font-size: 30px;
font-weight太文字使用例
font-weight: bold;
font-weight: 200;
font-weight: 700;
font-weight: normal;
text-alignテキストの水平方向への配置使用例
text-align: center;
text-align: left;
text-align: right;
width横幅使用例
width: 500px;
width: 50%;
width: 5em;
width: 30vw;
height縦幅使用例
height: 500px;
height: 50%;
height: 5em;
height: 5vh;
height: 30vw;
border-radius角丸使用例
border-radius: 10px;
border-radius: 50%;
line-height行間使用例
line-height:2em;
border使用例
border: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;