#1文字で展開できるプロパティ
一単語のプロパティは頭文字を省略記法とすることが多いです。
省略文字 | 展開後 |
---|---|
d | display: block; |
w | width: ; |
h | height: ; |
m | margin: ; |
p | padding: ; |
c | color: #000; |
t | top: ; |
b | bottom: ; |
l | left: ; |
r | right: ; |
z | z-index: ; |
#-(ハイフン)で繋いでいるプロパティは頭文字を一つずつ記述して展開
省略文字 | 展開後 |
---|---|
ff | font-family: ; |
ta | text-align: ; |
lh | line-height: ; |
ls | letter-spacing: ; |
mb | margin-bottom: ; |
td | text-decoration: none; |
#頭文字だけでは展開できないプロパティ
省略文字 | 展開後 |
---|---|
fl | float: left; |
cl | clear: both; |
ov | overflow: ; |
op | opacity: ; |
pos | position: relative; |
lis | list-style: ; |
#省略文字が不規則なプロパティ
省略文字 | 展開後 |
---|---|
bd | border: ; |
bg | background: ; |
bgc | background-color: ; |
cnt | content: ; |
bdrs | border-radius: ; |
bxz | box-sizing: border-box; |
trs | transition: prop time; |