CSS overflow-wrap egenskap
- CSS-överskridande Föregående sida
- Nästa sida overflow-x
Definition och användning
overflow-wrap
Egenskapen specificerar om webbläsaren kan omvandla långa ord till nästa rad när de överskrider behållaren.
Exempel
Tillåter webbläsaren att omvandla långa ord till nästa rad när de överskrider behållaren:
div { overflow-wrap: break-word; }
CSS-syntax
overflow-wrap: normal|var som helst|break-word|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
normal | Långa ord kommer inte att omvandlas till nästa rad, även om de överskrider behållaren. Standardvärde. |
var som helst | Om långa ord överskrider behållaren, kommer de att omvandlas till nästa rad. |
break-word | Om långa ord överskrider behållaren, kommer de att omvandlas till nästa rad. |
initial | Sätt detta egenskap till dess standardvärde. Se: initial. |
inherit | Får detta egenskap från sina föräldrelement. Se: inherit. |
Tekniska detaljer
Standardvärde: | normal |
---|---|
Arv: | Ja |
Animeringsproduktion: | Stöds inte. Se:Animeringsrelaterade egenskaper. |
Version: | CSS3 |
JavaScript-syntax: | object.style.overflowWrap="normal" |
Webbläsarstöd
Tabellens siffror representerar den första webbläsarens version som helt stöder detta egenskap.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
23.0 | 18.0 | 49.0 | 6.1 | 6.1 |
12.1
Relaterade sidorLärord:
- CSS-överskridande Föregående sida
- Nästa sida overflow-x