Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<head>
<style>
[title~=flower] {
  border: 5px solid yellow;
}
</style>
</head>
<body>
<h2>CSS селектор [attribute~="value"]</h2>
<p>Все изображения с атрибутом title, содержащим слово "flower" получат желтую границу.</p>
<img src="../images/klematis.jpg" title="klematis flower" width="150" height="113">
<img src="../images/img_flwr.gif" title="flower" width="224" height="162">
<img src="../images/img_tree.gif" title="tree" width="200" height="358">
</body>
</html>