cssのよく使うプロパティ
問題文
ふりがな非表示
ふりがな表示
(ｍａｒｇｉｎ－ｂｏｔｔｏｍ：５０ｐｘ；)
margin-bottom:50px;
(ｆｏｎｔ－ｓｉｚｅ：１．３ｒｅｍ；)
font-size:1.3rem;
(ｃｏｌｏｒ：ｒｅｄ；)
color:red;
(ｐａｄｄｉｎｇ－ｔｏｐ：４０ｐｘ；)
padding-top:40px;
(ｄｉｓｐｌａｙ：ｆｌｅｘ；)
display:flex;
(ｍａｘ－ｗｉｄｔｈ：１００％；)
max-width:100%;
(ｂｏｒｄｅｒ：ｓｏｌｉｄ １ｐｘ ＃３３３；)
border:solid 1px #333;
(ｔｒａｎｓｆｏｒｍ：ｒｏｔａｔｅ（４５ｄｅｇ）；)
transform:rotate(45deg);
(ｌｉｓｔ－ｓｔｙｌｅ：ｎｏｎｅ；)
list-style:none;
(．ｔｅｓｔ ｛ ｔｅｘｔ－ａｌｉｇｎ：ｃｅｎｔｅｒ；｝)
.test { text-align:center;}
(ｂａｃｋｇｒｏｕｎｄ－ｃｏｌｏｒ：ｒｇｂａ（）；)
background-color:rgba();
(ｄｉｓｐｌａｙ：ｉｎｌｉｎｅ－ｂｌｏｃｋ；)
display:inline-block;
(ｐｏｓｉｔｉｏｎ：ｒｅｌａｔｉｖｅ；)
position:relative;
(ｍａｒｇｉｎ：０ ａｕｔｏ；)
margin:0 auto;
(ｆｏｎｔ－ｗｅｉｇｈｔ：ｎｏｒｍａｌ；)
font-weight:normal;
(ｏｖｅｒｆｌｏｗ：ｈｉｄｄｅｎ；)
overflow:hidden;
(ｏｂｊｅｃｔ－ｆｉｔ：ｃｏｖｅｒ；)
object-fit:cover;
(ｃｕｒｓｏｒ：ｐｏｉｎｔｅｒ；)
cursor:pointer;
(ｊｕｓｔｉｆｙ－ｃｏｎｔｅｎｔ：ｓｐａｃｅ－ｂｅｔｗｅｅｎ；)
justify-content:space-between;
(ｔｒａｎｓｆｏｒｍ：ｔｒａｎｓｌａｔｅ（－５０％，－５０％）；)
transform:translate(-50%,-50%);
など
(ｌｉｎｅ－ｈｅｉｇｈｔ：１．６；)
line-height:1.6;
(ｆｏｎｔ－ｆａｍｉｌｙ：’ｎｏｔｏ ｓａｎｓ ｊｐ’；)
font-family:'ｎｏｔｏ ｓａｎｓ ｊｐ';
(ｔｅｘｔ－ａｌｉｇｎ：ｃｅｎｔｅｒ；)
text-align:center;
(ｏｐａｃｉｔｙ：０．６；)
opacity:0.6;
(ｂｏｒｄｅｒ－ｒａｄｉｕｓ：５０％；)
border-radius:50%;
(ｂｏｘ－ｓｉｚｉｎｇ：ｂｏｒｄｅｒ－ｂｏｘ；)
box-sizing:border-box;
(＠ｉｎｃｌｕｄｅ)
@include
(＠ｕｓｅ ’’；)
@use '';
(＠ｍｉｘｉｎ)
@mixin
(＆＿＿ｉｔｅｍ)
&__item
(ｖｉｓｉｂｉｌｉｔｙ：ｖｉｓｉｂｌｅ；)
visibility:visible;
(ｆｌｅｘ－ｗｒａｐ：ｗｒａｐ；)
flex-wrap:wrap;
(ｄｉｓｐｌａｙ：ｇｒｉｄ；)
display:grid;