KaneAI - World’s First E2E Software Testing Agent.Book a Demo Join TestMu Conference

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Start free with Google Start free with Email

CSS3 word-break

The word-break property can be used to prevent words in a multi-line element from being broken over multiple lines between particular letters. This can be useful to improve readability.

Last updated on : 2023-03-20

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 11

12 - 111

2 - 14

15 - 113

4 - 43

44 - 114

3.2 - 8

9.1 - 16.4

9.5 - 12.1

15 - 30

31 - 95

Fully Supported

Partially

No Support

Formal Definition

Inherited

yes

Applies to

all elements

Initial value

normal

Animation type

discrete

Computed value

as specified

Specifications

CSS Text Module Level 3 # word-break-property

Syntax

/* Keyword values */
 word-break: normal;
 word-break: break-all;
 word-break: keep-all;
 word-break: break-word;
 /* deprecated */
 /* Global values */
 word-break: inherit;
 word-break: initial;
 word-break: revert;
 word-break: unset;

Browser Compatibility

CSS3 word-break on IE is fully supported on all IE versions.

CSS3 word-break on Edge is fully supported on all Edge versions.

CSS3 word-break on Firefox is fully supported on 15-113, and not supported on 2-14 Firefox versions.

CSS3 word-break on Chrome is fully supported on 44-114 and partially supported on 4-43 Chrome versions.

CSS3 word-break on Safari is fully supported on 9.1-16.4 and partially supported on 3.2-8 Safari versions.

CSS3 word-break on Opera is fully supported on 31-95, partially supported on 15-30, and not supported on 9.5-12.1 Opera versions.

CSS3 word-break on Safari on iOS is fully supported on 9.3-16.4 and partially supported on 3.2-8 Safari on iOS versions.

CSS3 word-break on Android Browser is fully supported on 97-111 and partially supported on 2.1-4 Android Browser versions.

CSS3 word-break on Opera Mobile is fully supported on 64-73, and not supported on 10-12 Opera Mobile versions.

CSS3 word-break on Chrome for Android is fully supported on all Chrome for Android versions.

CSS3 word-break on Firefox for Android is fully supported on all Firefox for Android versions.

CSS3 word-break on Samsung Internet is fully supported on all Samsung Internet versions.

Browser Support for CSS3 word-break

CSS3 word-break on Chrome

CSS3 word-break on Safari

CSS3 word-break on Firefox

CSS3 word-break on Internet Explorer

CSS3 word-break on Opera

CSS3 word-break on Edge

References

Data sourced from

100

High

Overall Browser Compatibility Score

Note:CSS3 word-break shows a browser compatibility score of 100. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.

Test on 3000+ browsers for CSS3 word-break & more

Test your website for CSS3 word-break and other web technologies. Get 100 FREE automation test minutes!

Test Now