Warning: Undefined variable $description in /home/tkportfolio/kata-tip.com/public_html/wp-content/themes/kata-tip/functions.php on line 276
content=""/> Warning: Undefined variable $description in /home/tkportfolio/kata-tip.com/public_html/wp-content/themes/kata-tip/functions.php on line 276
content="" /> Warning: Undefined variable $description in /home/tkportfolio/kata-tip.com/public_html/wp-content/themes/kata-tip/functions.php on line 276
content="" />

Web制作 × AI

【メモ】忘れやすいと感じるEmmetのショートカット

この記事は完全に自分向けですが、皆さんもEmmetを使用するにあたり覚えにくいショートカットがあったりしないでしょうか?Emmetのショートカットは直感的に使えて便利なのですが、引っかかる事が時々あるので随時まとめることにしました。

忘れやすいショートカット一覧

プロパティ ショートカット 備考
vertical-align:middle; va:m(ショートカット) vamでもいける
display:table-cell; d:tbc(ショートカット) d:tbcでもいける
box-sizing:border-box; bxz(ショートカット)
text-align: left; ta,ta:l(ショートカット) talではダメ!!
background-size bgsz(ショートカット)
border bd(ショートカット)
cursor: pointer; cur(ショートカット)

Emmetについて参考になるもの

チートシートURL→http://docs.emmet.io/cheat-sheet/
「Emmetって何?」というかたは
こちらの記事が分かりやすいです。Dreamweaverでも使用することができます!

この記事を書いた人(著者情報)

片山

カタチップ編集長。昭和生まれの30代でWeb業界歴は10年以上。現在はカタチップを運用しつつ事業会社でWEBメディアサイトのWebディレクター兼マークアップエンジニアを担当。最近はSNSの運用にも業務範囲を拡大中です。

著者画像

スポンサーリンク