Skip to content

Instantly share code, notes, and snippets.

@Korveld

Korveld/Create a diagonal line within a table cell

Created August 18, 2015 14:03
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save Korveld/b53afb40404fd52e0f6c to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save Korveld/b53afb40404fd52e0f6c to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Create a diagonal line within a table cell
.crossOut
background: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='123px' height='51px' viewBox='0 0 123 51' enable-background='new 0 0 123 51' preserveAspectRatio='none' xml:space='preserve'><line fill='none' x1='123' y1='0' x2='0' y2='51' style='stroke:rgb(255,0,0); stroke-width:2' /></svg>") no-repeat scroll 0 0 / 100% 100% transparent
background-repeat: no-repeat
background-position: center center
background-size: 100% 100%, auto
border: solid #f00 2px
padding: 0 !important
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment