<html>
<head>
<style>
[title~="flower"] {
border: 5px solid yellow;
}
</style>
</head>
<body>
<h1>Demo of the [attribute~=value] selector</h1>
<p>Elements with a title attribute containing the word "flower" is styled with a yellow border:</p>
<img src="klematis.jpg" title="klematis flower" width="150" height="113">
<img src="img_flwr.gif" title="flowers" width="224" height="162">
<img src="landscape.jpg" title="landscape" width="160" height="120">
</body>
</html>