HTML low Attribute

  2. HTML Attributes
  3. low

Description

In HTML, the low attribute is used within the <meter> element to specify the lower bound or minimum value of a range. The <meter> element is used to represent a scalar measurement within a known range or a fractional value.

Here's how the low attribute functions:

  • Usage: The low attribute is optional and can be added to the <meter> element to define the lower end of the range.

  • Value: It accepts a numerical value that represents the minimum limit of the range. This value should be within the range specified by the min and max attributes of the <meter> element.

  • Purpose: The low attribute provides additional semantic information about the measurement represented by the <meter> element. It indicates the lower boundary of the acceptable or expected range for the measurement.

  • Visual Representation: Depending on the browser and CSS styling, the low attribute may influence the visual representation of the <meter> element. It might be used to change the appearance of the meter, such as by altering the color or styling when the value falls below the specified lower limit.

  • Accessibility: Utilizing the low attribute can enhance accessibility by providing context to users about the range of acceptable values for the measurement being displayed.

Here's a basic example demonstrating the usage of the low attribute:

<meter value="25" min="0" max="100" low="20">25 out of 100</meter>

In this example, the low attribute is set to 20, indicating that values below 20 would be considered low. The meter's visual representation might adjust accordingly to reflect this lower boundary, depending on browser and CSS styling.

Syntax

<meter low="number">

Values

  • numberA whole or floating point number.

Applies To

The low attribute can be used on the following html elements.

Example

<meter value="40" min="0" max="100" low="20" high="80">Your progress is low.</meter>

Browser Support

The following table will show you the current browser support for the HTML low Attribute.

Desktop
Edge Chrome Firefox Opera Safari
1866116
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
1861110.31x

Last updated by CSSPortal on: 28th March 2024

  • Sponsors
    • HG URL Shortener - Premium URL shortener where you'll be able to track and analyze your shortened links. Unicode Characters & Emojis - Search all Unicode characters and emojis plus other tools. Check Shortened URLs - Expand shortened URLs to view the destination link. Advertise Here - Advertise your company and products here!