Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
Selected Reading
How to select elements with an attribute value containing a specified word with CSS?
Use the [attribute ~= "value"] selector to select elements with an attribute value containing a specified word with CSS.
You can try to run the following code to implement the [attribute ~= "value"] selector. Here, the word we are searching is “Tutorials”,
Example
<!DOCTYPE html>
<html>
<head>
<style>
[alt ~= Tutorials] {
border: 5px solid orange;
border-radius: 5px;
}
</style>
</head>
<body>
<img src = "https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" height = "200" width = "200" alt = "Tutor Connect">
<img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" height = "200" width="200" alt = "Tutorials Library">
</body>
</html> 
Updated on: 2020-06-24T07:01:35+05:30
270 Views
Advertisements