HTML Legend Tag

In HTML, the <legend> tag is used to provide a caption to the content of its parent <fieldset> tag.

  • Basically <legend> tag is used to define a title for child content.

  • We can use <legend> tag to perform various CSS properties.

HTML <legend> Tag Syntax and Usage

The <legend> element requires the start(opening) tag and end(closing) tag.

<legend>
.....content here
</legend>

HTML5 <legend> Tag Basic Example

Here, we have a basic example for a clear understanding of the <legend> tag:

Using various CSS Properties with <legend> Tag

Here, we are using CSS properties with This tag.

HTML <legend> Tag Attributes

This element does not have any specific attributes although this element supports Global and Event attributes.

Default CSS Settings for HTML <legend> Tag

legend {
  display: block;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
}

Browser Support for HTML <legend> Tag

Following browsers support this attribute:

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+