Fix Text-decoration-style Not Working (Solved)

Home > Text Decoration > Text-decoration-style Not Working

Text-decoration-style Not Working


Why? css html text-decorations share|improve this question edited Mar 9 at 0:54 Solomon Ucko 12919 asked Jul 10 '12 at 18:55 Olly F 83461832 7 Your text is According to the line decoration specification the underlines, overlines, and line-throughs are applied only to text (including white space, letter spacing, and word spacing), while margins, borders, and padding are skipped. Higher up doesn't carry around their security badge and asks others to let them in. When browsers encounter invalid markup, they will try to fix it, but different browsers will do that in different ways, so the result varies. his comment is here

Find great discounts for many useful services and resources on our Deals & Offers page! a { text-decoration: none; display: inline-table; } a:after { content: ""; width: 100%; border-bottom: 0.1em solid #f00; display: table-caption; vertical-align: baseline; position: relative; top: 0.9em; } My explanation on StackOverflow Reply Collective #263 Winds * turbo.js * Debugging The Web * DevFreeBooks * Gitmoji * Instant Images * Love is All * Island Generator... It's much easier to see, understand, and help with when you do that.

Text-decoration-style Chrome

Simplify list of rules Utensil that forms meat into cylinders more hot questions question feed default about us tour help blog chat data legal privacy policy work here advertising info mobile Codrops Tutorials Playground Blueprints Collective CSS Reference Rss Feed Email Updates Codrops on Twitter Codrops on Facebook Codrops on Google+ Codrops on Github CSS Reference Property text-decoration-style See also text-decoration text-decoration-color For all other elements, the decorations are propagated to any in-flow children. We have a pretty good* newsletter.

on the opposite side from an underline). Are human fetal cells used to produce Pepsi? An for a developer, using it is pointless, because noone will see it. Text-decoration Html Initial valuesolidApplies toall elements.

Candidate Recommendation Initial definition. Every element got a solid underline, instead of the expected dotted underline. Reply ↓ Leave a Comment Name* Email Comment Posting Code We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. Reply ↓ Martijn Permalink to comment# May 1, 2014 Turns out in Chrome (26+, iirc) you need to enable an experimental features flag.

Remove-all Inhibits all propagated text decorations. Text-decoration None Not Working Comments Esteban Permalink to comment# April 15, 2015 Nice browser support… …NOT! How to apply this property in Chrome then? But I had a similar experience.


It doesn't do anything if a web developer doesn't use it, so you might as well turn it on by default. I've tried rewriting the text-decoration: none line several different ways. Text-decoration-style Chrome Comments robby mahdi Permalink to comment# December 13, 2013 please tell me how to Disable right click to several text only Reply ↓ My Apartment Need Furniture Permalink to comment# March Text-decoration-color It becomes easy to lose track of what identifier was targeted to which element. .contact div.links ul > li a could be changed to just .contact .links a since you're using

The blink value is in the W3C spec, but it is deprecated and will not work in any current browser. this content Comment 21 by [email protected], Apr 7 2015 Processing @19 That never kept Google (and by extension, Chromium) from enabling such features, albeit prefixed. Replace-underline Inhibits propagated underlines and produces an underline. Comment 17 by [email protected], Apr 3 2015 Processing Is CSS3 still considered "experimental"? Text Decoration Underline Thickness

Read More » REPORT ERROR PRINT PAGE FORUM ABOUT × Your Suggestion: Your E-mail: Page address: Description: Submit × Thank You For Helping Us! wavy: Decoration is a wavy line. Do the guest schools spend an entire academic year in the host school during the Triwizard Tournament? weblink This situation is very common when css is overscoped and overcomplicated.

So Chrome, for most intents and purposes, does NOT support this feature yet. Text Decoration Italic Join them; it only takes a minute: Sign up Text-decoration: none not working up vote 9 down vote favorite 1 Totally baffled! Returning the length of largest word in a sentence How do I get the last lines of dust into the dustpan?

It is made possible through sponsorships from products and services we like. *May or may not contain any actual "CSS" or "Tricks".

Comment 6 by [email protected], Apr 28 2014 Processing > Without that flag, shouldn't the inspector *not* list the property as an available one? Privacy Policy | Cookies | Ad Choice | Terms of Use | Mobile User Agreement A ZDNet site | Visit other CBS Interactive sites: Select SiteCBS CaresCBS FilmsCBS RadioCBS.comCBS InteractiveCBSNews.comCBSSports.comChowhoundClickerCNETCollege NetworkGameSpotLast.fmMaxPrepsMetacritic.comMoneywatchmySimonRadio.comSearch.comShopper.comShowtimeTech If anyone has this working can they give an example please. ► Sign in to add a comment About Monorail Feedback on Monorail Terms Privacy Can I use text-decoration styling? Text Decoration Blink Markdown is supported, so you can write inline code like `

` or multiline blocks of code in triple backtick fences like this: ``` script function example() { element.innerHTML = "
"; }

Delivered Daily Subscribe Best of the Week Our editors highlight the TechRepublic articles, galleries, and videos that you absolutely cannot miss to stay current on the latest IT news, innovations, and all links of examples now no longer work and do not show any dashed styling of underline? Read about inherit Related Pages CSS tutorial: CSS Text HTML DOM reference: textDecorationStyle property ❮ Previous Complete CSS Reference Next ❯ COLOR PICKER LEARN MORE Convert Weights HTML Cards Google Maps share|improve this answer answered Jan 26 '14 at 14:47 Esci Villagonzalo Morales 69117 this answer not working –mina morsali Aug 21 '14 at 6:29 add a comment| up vote

Help much appreciated. Two resistors in series Are there eighteen or twenty bars in my castle? Comment 18 by [email protected], Apr 3 2015 Processing > Is CSS3 still considered "experimental" Depends on the module you're referring to ;) But, since CSS4 is already in the making, I And btw, when I need to underline for hover, the same solution worked - .some_title:hover { text-decoration: underline!important; } –gnB Jun 18 '15 at 3:50 add a comment| up vote 6

Related text-decoration-color text-decoration-line text-decoration-style text-decoration-skip More Information text-decoration as a shorthand property in the W3C spec CSS Text Decoration Module Level 3 CR text-decoration at MDN Browser How to delete the other hexagons? Values have the same meaning as for the border-style properties.