• CSS Properties
  • hyphens
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
    div {
6
        width: 75px;
7
        border: 1px solid #212b36;
8
    }
9
    .ex1 {
10
        -webkit-hyphens: none;
11
        -ms-hyphens: none;
12
        hyphens: none;
13
    }
14
    .ex2 {
15
        -webkit-hyphens: manual;
16
        -ms-hyphens: manual;
17
        hyphens: manual;
18
    }
19
    .ex3 {
20
        -webkit-hyphens: auto;
21
        -ms-hyphens: auto;
22
        hyphens: auto;
23
    }
24
</style>
25
</head>
26
<body>
27
​
28
<h1>The hyphens property</h1>
29
​
30
<div class="ex1">Lorem ipsumdolor-sit amet, consectetur adipiscing elit.</div>
31
<div class="ex2">Lorem ipsumdolor-sit amet, consectetur adipiscing elit.</div>
32
<div class="ex3">Lorem ipsumdolor-sit amet, consectetur adipiscing elit.</div>
33
​
34
</body>
35
</html>