<frequency-percentage>
Quick Summary for <frequency-percentage>
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Code Usage for <frequency-percentage>
90% Positive percentage +90% Positive percentage with leading + -90% Negative percentage — not valid for all properties that use percentages 
More Details for <frequency-percentage>

<frequency-percentage>

Experimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.

The <frequency-percentage> CSS data type represents a value that can be either a <frequency> or a <percentage>. Frequency values, e.g. the pitch of a speaking voice, are not currently used in any CSS properties.

Syntax

The value of a <frequency-percentage> is either a <frequency> or a <percentage>; see their individual reference pages for details about their syntaxes.

Description

Use in calc()

Where a <frequency-percentage> is specified as an allowable type, this means that the percentage resolves to a frequency and therefore can be used in a calc() expression.

Examples

Valid percentage values

90% Positive percentage +90% Positive percentage with leading + -90% Negative percentage — not valid for all properties that use percentages 

Invalid percentage values

90 % No space is allowed between the number and the unit 

Valid frequency values

12Hz     Positive integer 4.3Hz    Non-integer 14KhZ    The unit is case-insensitive, though non-SI capitalization is not recommended. +0Hz     Zero, with a leading + and a unit -0kHz    Zero, with a leading - and a unit 

Invalid frequency values

12.0     This is a <number>, not an <frequency>, because it is missing a unit. 7 Hz     No space is allowed between the number and the unit. 0        Although unitless zero is an allowable <length>, it's an invalid <frequency>. 

Specifications

Specification
CSS Values and Units Module Level 5 # mixed-percentages

See also

CSS data types CSS Values and Units Related CSS data types: <frequency> <percentage>

Last modified: Nov 21, 2021, by MDN contributors

No Items Found.

Add Comment
Type in a Nick Name here
 
Other Categories in CSS
css
Search CSS
Search CSS by entering your search text above.
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

You could also follow me on twitter. I have a couple of youtube channels if you want to see some video related content. RuneScape 3, Minecraft and also a coding channel here Web Dev.

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote

You come to understand that most people are neither for you nor against you, they are thinking about themselves. You learn that no matter how hard you try to please, some people in this world are not going to love you, a lesson that is at first troubling and then really quite relaxing.” ​


John W. Gardner
Random CSS Property

scroll-margin-right

The scroll-margin-right property defines the right margin of the scroll snap area that is used for snapping this box to the snapport. The scroll snap area is determined by taking the transformed border box, finding its rectangular bounding box (axis-aligned in the scroll container's coordinate space), then adding the specified outsets.
scroll-margin-right css reference