The Speed Coding

HTML <ins> Tag


Example

A text with a deleted part, and a new, inserted part:

<p>My favorite color is <del > blue</del> <ins > red</ins>!</p >

Definition and Usage

The <ins> tag defines a text that has been inserted into a document. Browsers will usually underline inserted text.

Tip: Also look at the <del> tag to markup deleted text.


Browser Support

Element
<ins> Yes Yes Yes Yes Yes

Attributes

Attribute Value Description
cite URL Specifies a URL to a document that explains the reason why the text was inserted/changed
datetime YYYY-MM-DDThh:mm:ssTZD Specifies the date and time when the text was inserted/changed

Global Attributes

The <ins> tag also supports the Global Attributes in HTML.


Event Attributes

The <ins> tag also supports the Event Attributes in HTML.


More Examples

Example

Use CSS to style <del> and <ins>:

<html>
<head >
<style>
del { background-color: tomato ; }
ins {background-color: yellow; }
</style>
</head>
<body >

<p>My favorite color is <del > blue</del > <ins>red</ins > !</p>

</body>
</html >

Related Pages

HTML DOM reference: Ins Object


Default CSS Settings

Most browsers will display the <ins> element with the following default values:

Example

ins {
  text-decoration: underline;
}