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; |