HTML <u> style Attribute

A style attribute on a <u> tag assigns a unique style to the element.

Its value is CSS that defines the appearance of the u element.



A style attribute on a <u> tag.

This text is underlined.

  <u style="color:navy;background-color:aliceblue;">This text is underlined</u>.

Using style

The style attribute specifies the style, i.e. look and feel, of the <u> element.

A style contains any number of CSS property/value pairs, separated by semicolons (;).

The style attribute overrides any other style that was defined in a <style> tag or an external CSS file.

This inline styling affects the current <u> element only.


<u style="CSS-styles">



Value Description
CSS-styles One or more CSS property/value pairs separated by semicolons (;).

More Examples

A style attribute on a <u> tag.
Clicking the button toggles text weight.

This text is underlined.

  <u id="myu" 
     style="color:navy;background-color:aliceblue;">This text is underlined</u>.

<br />
<button onclick="toggle();">Toggle style</button>

  let toggle = () => {
     let element = document.getElementById("myu");

     if ( === "700") { = "400";
    } else { = "700";

Code explanation

The style attribute assigns a font weight to the <u> element.

Clicking the button calls JavaScript which toggles the boldness of the text.

Browser support

Here is when style support started for each browser:

1.0 Sep 2008
1.0 Sep 2002
1.0 Aug 1995
1.0 Jan 2006
1.0 Jan 2003

You may also like

 Back to <u>

Last updated on Sep 30, 2023