Quote:
Originally Posted by rjwse@aol.com
this is a work around which is a lot of trouble to go to.
|
I tested that with classes on a style sheet instead of with styles on the html/body page. It doesn't work on my Kobo Forma as a kepub. I've got test cases for a strike class and for using <del>, <s> and <striike> tags. In none of those on the Forma does the strikethrough line (I guess a border line with your method) get any thicker. In all cases, it's that 1 pixel thick line. Even more interesting, in the cases of the <del>, <s> and <strike> tags, the struck text is actually lowered on the page. But, the strike class (and putting the text-decoration line as a style in the <span>, keeps the struck text in the proper position.
EDIT: Forgot to include my actual classes:
Code:
@page {
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.strike {
text-decoration: line-through;
}
.strike2 {
text-decoration: line-through;
text-decoration-style: solid;
text-decoration-color: black;
text-decoration-thickness: 30%;
}
sspan, strike, del, s {
border-bottom: 10px;
position: relative;
top: -0.6em;
}
sspan, strike span, del span, s span {
position: relative;
top: 0.6em;
}
Code:
<p>This is a <span class="strike"><span>strikethrough</span></span> with strike class</p>
<p>This is a <del><span>strikethrough</span></del> with del tag</p>
<p>This is a <s><span>strikethrough</span></s> with s tag</p>
<p>This is a <strike><span>strikethrough</span></strike> with strike tag</p>
<p>This is a <span style="text-decoration:line-through;"><span>strikethrough</span></span> with a style=“text-decoration:line-through;” bit</p>