![]() |
#31 | |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 79,771
Karma: 145864619
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
|
|
![]() |
![]() |
![]() |
#32 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,355
Karma: 20171571
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
No. It’s not from a Kobo. I was just responding to Quoth’s statement of not using text-decoration.
The only way I know to change the text-decoration thickness is: text-decoration-thickness: 10%; where the % is of 1em. |
![]() |
![]() |
Advert | |
|
![]() |
#33 | |
Bibliophagist
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 46,280
Karma: 169098402
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Quote:
CSS Text Decoration Module Level 4 |
|
![]() |
![]() |
![]() |
#34 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,355
Karma: 20171571
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
text-decoration-width was changed to text-decoration-thickness at some point… not sure when, and I’m pretty sure it will take a while before everything is updated to use the new term.
Edit: changed in 2019 - still in draft of course Last edited by Turtle91; 08-13-2022 at 01:25 PM. |
![]() |
![]() |
![]() |
#35 | |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 776
Karma: 1538394
Join Date: Sep 2013
Device: Kobo Forma
|
Quote:
https://github.com/w3c/csswg-drafts/issues/239 Blood was flowing a bit in there. That issue was closed in 2017 because the proposed text-decoration-width solution was accepted into the draft spec of the next css version: https://drafts.csswg.org/css-text-de...kness-property It's also interesting that the 2017 issue referenced a 2012 message on the same problem: https://lists.w3.org/Archives/Public...2Jul/0445.html Regardless, I don't think there's any way around this until either something is fixed with kepubs or the next css version goes live. I haven't tried RbnJrg's method because, frankly, I don't understand it. |
|
![]() |
![]() |
Advert | |
|
![]() |
#36 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 79,771
Karma: 145864619
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Even if CSS4 "goes live" and it was taken on board as the next ePub standard, you would need to wait for Kobo to implement it. That could be a very long time or maybe never.
|
![]() |
![]() |
![]() |
#37 | |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,355
Karma: 20171571
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
Quote:
![]() ![]() ![]() |
|
![]() |
![]() |
![]() |
#38 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 79,771
Karma: 145864619
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
|
![]() |
![]() |
![]() |
#39 |
Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,776
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
|
![]() |
![]() |
![]() |
#40 |
Addict
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 322
Karma: 2228060
Join Date: Dec 2013
Location: LaVernia, Texas
Device: kindle epub readers on android
|
strikethrough any font, any thickness, any color
this is a work around which is a lot of trouble to go to.
|
![]() |
![]() |
![]() |
#41 |
Addict
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 322
Karma: 2228060
Join Date: Dec 2013
Location: LaVernia, Texas
Device: kindle epub readers on android
|
strikethrough and replacement text
After doing a strikethrough sometimes there will be new text replacing it. Here is an emphatic way of doing that. Pop
|
![]() |
![]() |
![]() |
#42 |
Still reading
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 14,075
Karma: 105211945
Join Date: Jun 2017
Location: Ireland
Device: All 4 Kinds: epub eink, Kindle, android eink, NxtPaper
|
The circle looks terrible and I've never seen that. Colour is a bad idea for ebooks as about 1/2 are consumed on eInk.
|
![]() |
![]() |
![]() |
#43 |
Grand Sorcerer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 5,729
Karma: 24031401
Join Date: Dec 2010
Device: Kindle PW2
|
@DaveLessnau
If you only need to format a handful of words as strikethrough text, you could hard-code them using a special Unicode character: Combining Long Stroke Overlay (U+0336) For example: Code:
<p>This is s̶t̶r̶i̶k̶e̶t̶h̶r̶o̶u̶g̶h text.</p> |
![]() |
![]() |
![]() |
#44 |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 776
Karma: 1538394
Join Date: Sep 2013
Device: Kobo Forma
|
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> Last edited by enuddleyarbl; 08-15-2022 at 01:40 PM. |
![]() |
![]() |
![]() |
#45 | |
Guru
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 776
Karma: 1538394
Join Date: Sep 2013
Device: Kobo Forma
|
Quote:
|
|
![]() |
![]() |
![]() |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
How can I more reliably show bks "on device"? (Kobo Forma) | LivresInOz | Library Management | 18 | 04-16-2022 12:51 AM |
How to remove "line breaks" from text between tags? | paperback | Editor | 5 | 02-27-2022 06:46 AM |
Closest output profile to Kobo Forma in "Convert Book" dialog is "Kobo Reader" but.. | droopy | Devices | 6 | 10-13-2019 10:52 PM |
PDF - relation between "line un-wrapping factor" and "unwrap line" (heuristic proc.) | dr_Fell | Conversion | 1 | 10-16-2017 10:56 PM |
iLiad "joe" command line text editor | bobj | iRex Developer's Corner | 3 | 06-02-2008 03:03 PM |