THE WORLD'S LARGEST WEB DEVELOPER SITE

CSS [attribute~=value] Selector


Example

Select and style elements with a title attribute containing the word "flower":

[title~=flower] {
    background-color: yellow;
}

Try it yourself »

Definition and Usage

The [attribute~=value] selector is used to select elements with an attribute value containing a specified word.

Version: CSS2

Browser Support

The numbers in the table specifies the first browser version that fully supports the selector.

Selector
[attribute~=value] 4.0 7.0 2.0 3.1 9.6

Note: For [attribute~=value] to work in IE8 and earlier, a <!DOCTYPE> must be declared.


CSS Syntax

[attribute ~= value] {
    css declarations;
} Demo

Related Pages

CSS tutorial: CSS Attribute Selectors



COLOR PICKER

colorpicker

SHARE THIS PAGE






Search w3schools.com:

Translate w3schools.com: