CSS Value String
Last Updated :
07 Sep, 2020
A String in CSS is a text value assigned to a property. Strings are a sequence of characters enclosed in either single or double quotes.
Example:
'GeeksForGeeks' is a String
"GeeksForGeeks" is a String
quotes inside a string are not allowed and needs to be escaped with a \ like “this is a \”(double quote) “.
All text values other than the CSS keywords that are enclosed in double-quotes or single quotes are considered as strings in CSS.
For example:
content property in CSS takes in a String (contents to be inserted) as value.
<!DOCTYPE html>
< html >
< head >
< style >
#insert:after{
content: "Welcome to GeeksForGeeks";
}
</ style >
</ head >
< body >
< h1 >
CSS Value/ String
</ h1 >
< div id = "insert" >
</ div >
</ body >
</ html >
|
Output:
Another example would be to assign background image. The URL to the background image would be enclosed in a double quote which indicates that the background-image property takes in a string value
<!DOCTYPE html>
< html >
< head >
< style >
body {
background-image: url("geeksforgeeks.png");
background-color: #cccccc;
}
</ style >
</ head >
< body >
< h1 >CSS Value/String</ h1 >
</ body >
</ html >
|
Output:
Share your thoughts in the comments
Please Login to comment...