---json
{
    "canonical": ":ui:underline",
    "description": "This article shows you the underline syntax",
    "page_id": "d96jzej63pwacea0k64xb",
    "title": "How to underline words in ComboStrap"
}
---
====== ComboStrap Styling - Text Underlining  ======


===== About =====
''underline'' is a [[docs:content:typo|typographic effect]] that underlines a sequence of characters.

<note>
''Underlining'' permits to add [[docs:styling:emphasis|emphasis]] on a couple of words but clashes with the conventional rendering of [[docs:content:link|link]]. Use it when it couldn't be confused for a hyperlink.
</note>


===== Syntax and Example =====
==== Markup ====

You needs to wrap your words with two under characters ''%%__%%''.
  * Syntax
<webcode name="Default" frameborder="0">
<code dw>
This text is not underlined while __this one is__
</code>
  * Output:
</webcode>

==== Attribute ====

You can also use the ''underline'' boolean attribute .

Example:
  * with the [[docs:content:itext|itext component]]
<webcode name="Default" frameborder="0">
<code dw>
This text is not underlined while <itext underline>this one is</itext>
</code>
</webcode>
  * or with a [[docs:content:link|link]]
<webcode name="Default" frameborder="0">
<code dw>
This [[?underline=false|link]] is not underlined while [[?underline|this one]] is.
</code>
</webcode>