User Tools

Site Tools


software:css

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
software:css [2026/08/08 18:09] – external edit 127.0.0.1software:css [2026/08/08 18:11] (current) – external edit 127.0.0.1
Line 2: Line 2:
 a way to add the external anchor image to links with ''target="_blank"'' via CSS: a way to add the external anchor image to links with ''target="_blank"'' via CSS:
  
-''a[target='_blank']::after {+  a[target='_blank']::after {
   content: '';   content: '';
   display: inline-block;   display: inline-block;
Line 11: Line 11:
   background-size: 100%;   background-size: 100%;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 12.2 12.2' width='14' height='14'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath fill='none' d='M3.4 6.7l3-2.9H1.5v7h7V5.9l-3 2.9z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 12.2 12.2' width='14' height='14'%3E%3Cpath d='M5.7 0v1.5h4L4.5 6.7l1 1.1 5.3-5.2v3.9h1.4V0z'/%3E%3Cpath fill='none' d='M3.4 6.7l3-2.9H1.5v7h7V5.9l-3 2.9z'/%3E%3Cpath d='M8.5 5.9v4.9h-7v-7h4.9l1.5-1.6H0v10h10V4.4z'/%3E%3C/svg%3E");
-}''+  }
  
 (from https://css-irl.info/styling-external-links-with-attribute-selectors/) (from https://css-irl.info/styling-external-links-with-attribute-selectors/)
  
software/css.txt · Last modified: by 127.0.0.1

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki