1/* Keyword values */
2font-stretch: ultra-condensed;
3font-stretch: extra-condensed;
4font-stretch: condensed;
5font-stretch: semi-condensed;
6font-stretch: normal;
7font-stretch: semi-expanded;
8font-stretch: expanded;
9font-stretch: extra-expanded;
10font-stretch: ultra-expanded;
11
12/* Percentage values */
13font-stretch: 50%;
14font-stretch: 100%;
15font-stretch: 200%;
16
17/* Global values */
18font-stretch: inherit;
19font-stretch: initial;
20font-stretch: unset;
21
1<!DOCTYPE html>
2<html>
3 <head>
4 <title>Title of the document</title>
5 <style>
6 span.stretch {
7 display: inline-block;
8 margin: 35px;
9 -webkit-transform: scale(2, 1);
10 -moz-transform: scale(2, 1);
11 -o-transform: scale(2, 1);
12 transform: scale(2, 1);
13 }
14 </style>
15 </head>
16 <body>
17 <p>This text is
18 <span class="stretch">stretching</span>.
19 </p>
20 </body>
21</html>