[PhpStorm/WebStorm] EmmetのCSSでよく利用するショートコード

harada 88views 更新:2015年5月28日

EmmetのCSSでよく利用するショートコードです。

position は pos

pos:absolute

↓タブで展開する

position: absolute;

border は bd

borderはbdと記述し、それならばbd:1px solid #fffなどとそのまま書けば展開されるのかな?と思ったのですが、ショートコードではスペースを開けると解釈してくれないようです。
そのためborderの色を指定するときは以下のように書きます。

bd1#fs

線の幅 線のカラーコード 線のスタイルの順番ですね。
カラーコードはこちらのように省略しても大丈夫ですし、6桁すべて記述しても大丈夫です。

↓タブで展開

border: 1px #ffffff solid;

また引掛けで、font-sizeはfsではなく、fzと記述します。
fsだとfont-styleとなります。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません