4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Emmet CSS主要プロパティ省略パターンまとめ

Last updated at Posted at 2018-11-28

#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;
4
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?