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>
Chrome 1+, Firefox 1+, Safari 3+
• 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 .
This Microsoft-proposed CSS property now found in CSS3 can be used to allow line breaks
within words.
word-break: break-all | keep-all | normal
<div style="word-break: break-all; width:50px;">
Words can break in this code example. Like this one:
Sesquipedalianism </div>
IE 5.5+
• 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.
Search WWH ::

Custom Search