Emmet – raccourcis css – Text, paragraphe et mise en forme

  • CSS module uses fuzzy search to find unknown abbreviations, e.g. ov:h == ov-h == ovh == oh.
  • If abbreviation wasn’t found, it is transformed into property name: foo-bar → foo-bar: | ;
  • You can prefix abbreviations with hyphen to produce vendor-prefixed properties: -foo

Font

abréviationrésultatabréviationrésultat
ffont:;fs:nfont-style:normal;
f+font:1em Arial,sans-serif;fs:ofont-style:oblique;
fwfont-weight:;fvfont-variant:;
fw:nfont-weight:normal;fv:nfont-variant:normal;
fw:bfont-weight:bold;fv:scfont-variant:small-caps;
fw:brfont-weight:bolder;fzfont-size:;
fw:lrfont-weight:lighter;fzafont-size-adjust:;
fs, fs:ifont-style:italic;fza:nfont-size-adjust:none;

Font Family

abréviationrésultatabréviationrésultat
fffont-family:;ff:vfont-family: Verdana, Geneva, sans-serif;
ff:sfont-family:serif;feffont-effect:;
ff:ssfont-family:sans-serif;femfont-emphasize:;
ff:afont-family: Arial, « Helvetica Neue », Helvetica, sans-serif;fsmfont-smooth:;
ff:tfont-family: « Times New Roman », Times, Baskerville, Georgia, serif;fstfont-stretch:;

Text : vertical-align , text-align, text-decoration, text-emphasis, text-height, text-indent

abréviationrésultatabréviationrésultat
vavertical-align:top;va:bvertical-align:bottom;
va:supvertical-align:super;va:tbvertical-align:text-bottom;
va:tvertical-align:top;va:subvertical-align:sub;
va:ttvertical-align:text-top;ta, ta:ltext-align:left;
va:mvertical-align:middle;ta:ctext-align:center;
va:blvertical-align:baseline;ta:rtext-align:right;
td, td:ntext-decoration:none;ta:jtext-align:justify;
tetext-emphasis:;ta-lsttext-align-last:;
thtext-height:;tal:atext-align-last:auto;
titext-indent:;ti:-text-indent:-9999px;

Color, opacity

abréviationrésultatabréviationrésultat
ccolor:#000;c:racolor:rgba(0, 0, 0, .5);
c:rcolor:rgb(0, 0, 0);opopacity:;

text-justify

abréviationrésultatabréviationrésultat
tjtext-justify:;tj:ictext-justify:inter-cluster;
tj:atext-justify:auto;tj:dtext-justify:distribute;
tj:iwtext-justify:inter-word;tj:ktext-justify:kashida;
tj:iitext-justify:inter-ideograph;tj:ttext-justify:tibetan;

text-outline, text-replace, text-transform, text-wrap, text-shadow, line-height

abréviationrésultatabréviationrésultat
totext-outline:;tw:stext-wrap:suppress;
to+text-outline:0 0 #000;tshtext-shadow:hoff voff blur #000;
trtext-replace:;tsh+text-shadow:0 0 0 #000;
tttext-transform:uppercase;lhline-height:;
twtext-wrap:;ltsletter-spacing:;
tw:utext-wrap:unrestricted;lts-nletter-spacing:normal;

white-space

abréviationrésultatabréviationrésultat
whswhite-space:;whscwhite-space-collapse:;
whs:nwhite-space:normal;whsc:nwhite-space-collapse:normal;
whs:pwhite-space:pre;whsc:kwhite-space-collapse:keep-all;
whs:nwwhite-space:nowrap;whsc:lwhite-space-collapse:loose;
whs:pwwhite-space:pre-wrap;whsc:bswhite-space-collapse:break-strict;
whs:plwhite-space:pre-line;whsc:bawhite-space-collapse:break-all;

word-break, word-spacing, word-spacing

abréviationrésultatabréviationrésultat
wobword-break:;wow:nmword-wrap:normal;
wob:nword-break:normal;wow:nword-wrap:none;
wob:kword-break:keep-all;wow:uword-wrap:unrestricted;
wob:baword-break:break-all;wow:sword-wrap:suppress;
wosword-spacing:;wow:bword-wrap:break-word;
wowword-wrap:;

@font-face

abréviationrésultat
@f@font-face {
font-family:;
src:url(|);
}
@f+@font-face {
font-family: ‚FontName‘;
src: url(‚FileName.eot‘);
src: url(‚FileName.eot?#iefix‘) format(‚embedded-opentype‘),
url(‚FileName.woff‘) format(‚woff‘),
url(‚FileName.ttf‘) format(‚truetype‘),
url(‚FileName.svg#FontName‘) format(‚svg‘);
font-style: normal;
font-weight: normal;
}
Cet article a été publié sous la catégorie tutos. Enregistrer cet article permalink.