HTML and CSS Reference
In-Depth Information
<p style="-webkit-user-select: none;-moz-user-select: none;user-select:
none;">
This text has some simple CSS properties to keep you from selecting
it.
</p>
<p style="-webkit-user-select: text;-moz-user-select: text;user-select:
text;">
This text selectable but not the image here
<img src="logo.gif">
sorry!
</p>
Compatibility
CSS3
Chrome 1+, Firefox 1+, Safari 3+
Notes
• CSS3 specifies numerous other values, like
toggle
,
element
, and
elements
, but
they are not covered here because they have yet to be implemented.
• JavaScript can be used to control selections, including to deny them.
• Firefox supports
-moz-user-select
and Safari 3+ supports
-webkit-user-select
.
• Safari 2 supported this property as
-khtml-user-select
.
word-break
This Microsoft-proposed CSS property now found in CSS3 can be used to allow line breaks
within words.
Syntax
word-break: break-all | keep-all | normal
Example
<div style="word-break: break-all; width:50px;">
Words can break in this code example. Like this one:
Sesquipedalianism
</div>
Compatibility
CSS3
IE 5.5+
Notes
• This property is primarily used for Chinese/Japanese/Korean (CJK) text,
particularly when multiple languages like English are combined in as well.
• Under IE 8 this property is also known as
-ms-word-break
to correctly identify it
as an extension in standards-compliant mode.
• CSS3 supports
loose
(same as
normal
) and
break-strict
.
• When used within tables, the
table-layout
property must be set to
fixed
according to Microsoft for correct operation.