CODEWITHSUNDEEP
cssfont-size
Heps
Heps

Reputation: 995

How to define (overload?) predefined sizes (large, x-large, etc.) in CSS?

Well, CSS font-size property supports some predefined values like xx-small, x-small, small, medium, large, x-large, xx-large, etc.

They are obviously mapped to some fixed values in pixels.

Is there any way to define these corresponding values via CSS stylesheet (as overloading stock values)?

For example I would like to make all selectors with font-size: large to be like font-size: 30px. So how to define large as 30px here?

If there is no way to define this via simple CSS Stylesheet how would you perform this mapping dynamically with jQuery?

Thanks in advance for help.

Upvotes: 2

Views: 1904

Answers (2)

thoughton
thoughton

Reputation: 1

In response to Diodeus having never seen these "in the wild" - the popular TinyMCE Advanced plugin for Wordpress uses the preset font-size properties (medium, large, x-large, etc) in its 'Font Size' drop-down box. It would be useful to be able to override the default sizes.

Upvotes: 0

elclanrs
elclanrs

Reputation: 94101

According to Mozilla:

xx-small, x-small, small, medium, large, x-large, xx-large:
A set of absolute size keywords based on the user's default font size

So to have control over these values you need to define a default font. I guess these are just shortcuts to default percentages.

Upvotes: 2

Related Questions