<html>
<head>
<style>
[title~="flower"] {
border: 5px solid green;
}
</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 green solid border:</p>
<img src="klematis.jpg" title="klematis flower" width="150" height="120">
<img src="img_flwr.gif" title="flower summer" width="150" height="120">
<img src="landscape.jpg" title="landscape no flowers" width="150" height="120">
</body>
</html>