::target-text
Quick Summary for ::target-text
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Code Usage for ::target-text
::target-text {   background-color: pink; } 
More Details for ::target-text

::target-text

Experimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.

The ::target-text CSS pseudo-element represents the text that has been scrolled to if the browser supports scroll-to-text fragments. It allows authors to choose how to highlight that section of text.

::target-text {   background-color: pink; } 

Syntax

::target-text

Examples

Highlighting scroll-to-text

::target-text {   background-color: rebeccapurple;   color: white; } 

To see this CSS in action follow the link to scroll-to-text demo.

Specifications

Specification
CSS Pseudo-Elements Module Level 4 # selectordef-target-text

See also

Text fragments

No Items Found.

Add Comment
Type in a Nick Name here
 
Other Categories in CSS
css
Search CSS
Search CSS by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

You could also follow me on twitter. I have a couple of youtube channels if you want to see some video related content. RuneScape 3, Minecraft and also a coding channel here Web Dev.

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote


Not Sure
Random CSS Property

justify-items

The CSS justify-items property defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis.
justify-items css reference