<!DOCTYPE html> <html> <head> <title>CSS [attribute~="value"] Selector</title> </head> <body> <style type="text/css"> [title~=myimages] { border: 5px solid #0099da; } </style> <p>All images with the title attribute containing the word "images" get a blue border.</p> <img src="images/sample.jpg" title="Sample myimages" alt="Sample Image"> <img src="images/sample_11.jpg" title="Sample" alt="Sample Image"> <img src="images/sample_111.jpg" title="myimages" alt="Sample Image"> </body> </html>
Output :
Topic :
[attribute~="value"] Selector
