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

Text, paragraphe mis 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éviation résultat abréviation résultat
f
font:;
f+
font:1em Arial,sans-serif;
fw
font-weight:;
fw:n
font-weight:normal;
fw:b
font-weight:bold;
fw:br
font-weight:bolder;
fw:lr
font-weight:lighter;
fs, fs:i
font-style:italic;
fs:n
font-style:normal;
fs:o
font-style:oblique;
fv
font-variant:;
fv:n
font-variant:normal;
fv:sc
font-variant:small-caps;
fz
font-size:;
fza
font-size-adjust:;
fza:n
font-size-adjust:none;


Font Family

abréviation résultat abréviation résultat
ff
font-family:;
ff:s
font-family:serif;
ff:ss
font-family:sans-serif;
ff:a
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
ff:t
font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
ff:v
font-family: Verdana, Geneva, sans-serif;
fef
font-effect:;

**

fem
font-emphasize:;
fsm
font-smooth:;
fst
font-stretch:;


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

abréviation résultat abréviation résultat
va
vertical-align:top;
va:sup
vertical-align:super;
va:t
vertical-align:top;
va:tt
vertical-align:text-top;
va:m
vertical-align:middle;
va:bl
vertical-align:baseline;
va:b
vertical-align:bottom;
va:tb
vertical-align:text-bottom;
va:sub
vertical-align:sub;
ta, ta:l
text-align:left;
ta:c
text-align:center;
ta:r
text-align:right;
ta:j
text-align:justify;
ta-lst
text-align-last:;

**

tal:a
text-align-last:auto;
td, td:n
text-decoration:none;
te
text-emphasis:;
th
text-height:;

**

ti
text-indent:;
ti:-
text-indent:-9999px;


Color, opacity

abréviation résultat abréviation résultat
c
color:#000;
c:r
color:rgb(0, 0, 0);
c:ra
color:rgba(0, 0, 0, .5);
op
opacity:;


text-justify **

abréviation résultat abréviation résultat
tj
text-justify:;
tj:a
text-justify:auto;
tj:iw
text-justify:inter-word;

**

tj:ii
text-justify:inter-ideograph;

**

tj:ic
text-justify:inter-cluster;

**

tj:d
text-justify:distribute;

**

tj:k
text-justify:kashida;
tj:t
text-justify:tibetan;


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

abréviation résultat abréviation résultat
to
text-outline:;

**

to+
text-outline:0 0 #000;

**

tr
text-replace:;

**

tt
text-transform:uppercase;
tw
text-wrap:;

**

tw:u
text-wrap:unrestricted;

**

tw:s
text-wrap:suppress;

**

tsh
text-shadow:hoff voff blur #000;

**

tsh+
text-shadow:0 0 0 #000;
lh
line-height:;

**

lts
letter-spacing:;
lts-n
letter-spacing:normal;


white-space

abréviation résultat abréviation résultat
whs
white-space:;

**

whs:n
white-space:normal;

**

whs:p
white-space:pre;

**

whs:nw
white-space:nowrap;

**

whs:pw
white-space:pre-wrap;

**

whs:pl
white-space:pre-line;

**

whsc
white-space-collapse:;
whsc:n
white-space-collapse:normal;
whsc:k
white-space-collapse:keep-all;
whsc:l
white-space-collapse:loose;
whsc:bs
white-space-collapse:break-strict;
whsc:ba
white-space-collapse:break-all;


word-break, word-spacing, word-spacing

abréviation résultat abréviation résultat
wob
word-break:;

**

wob:n
word-break:normal;

**

wob:k
word-break:keep-all;

**

wob:ba
word-break:break-all;

**

wos
word-spacing:;

**

wow
word-wrap:;

**

wow:nm
word-wrap:normal;

**

wow:n
word-wrap:none;

**

wow:u
word-wrap:unrestricted;

**

wow:s
word-wrap:suppress;

**

wow:b
word-wrap:break-word;

**


@font-face

abbreviation ré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;
}