CSS content Property
The following example inserts the URL in parenthesis after each link:
content: " (" attr(href) ")";
Try it yourself »
The content property is supported in all major browsers.
Note: IE8 only supports the content property if a !DOCTYPE is specified.
Definition and Usage
The content property is used with the :before and :after pseudo-elements, to insert generated content.
|Animatable:||no. Read about animatable|
but there are other ways to get the same result: Try it
Content Property Values
|normal||Default value. Sets the content, if specified, to normal, which default is "none" (which is nothing)||Try it »|
|none||Sets the content, if specified, to nothing||Try it »|
|counter||Sets the content as a counter||Try it »|
|attr(attribute)||Sets the content as one of the selector's attribute||Try it »|
|string||Sets the content to the text you specify||Try it »|
|open-quote||Sets the content to be an opening quote||Try it »|
|close-quote||Sets the content to be a closing quote||Try it »|
|no-open-quote||Removes the opening quote from the content, if specified||Try it »|
|no-close-quote||Removes the closing quote from the content, if specified||Try it »|
|url(url)||Sets the content to be some kind of media (an image, a sound, a video, etc.)||Try it »|
|initial||Sets this property to its default value. Read about initial|
|inherit||Inherits this property from its parent element. Read about inherit|
CSS reference: :before pseudo element
CSS reference: :after pseudo element
Thank You For Helping Us!
Your message has been sent to W3Schools.