home HOME

CSS Basic
CSS HOME
CSS Introduction
CSS Syntax
CSS How To
CSS Background
CSS Text
CSS Font
CSS Border
CSS Outline
CSS Margin
CSS Padding
CSS List
CSS Table

CSS Advanced
CSS Dimension
CSS Classification
CSS Positioning
CSS Pseudo-class
CSS Pseudo-element
CSS Image Gallery
CSS Image Opacity
CSS Media Types
CSS Summary

CSS Examples
CSS Examples

References
CSS2 Reference
CSS2 Print
CSS2 Aural
CSS Units
CSS Colors
CSS Colorvalues
CSS Colornames

CSS Quiz
CSS Quiz
CSS Exam

Selected Reading
Web Statistics
Web Glossary
Web Hosting
Web Quality

W3Schools Forum

Helping W3Schools

pixels

CSS font-size-adjust Property


CSS Reference Complete CSS Reference

Definition

The ratio between the height of the font's lowercase letter "x" and the height of the "font-size" is called a font's aspect value. If the aspect value is high, the font will be legible when it is set to a smaller size. For example: Verdana has an aspect value of 0.58 (means that when font size is 100 px, its x-height is 58 px). Times New Roman has an aspect value of 0.46. This means that Verdana is more legible at smaller sizes than Times New Roman.

The font-size-adjust property specifies an aspect value for an element that will preserve the x-height of the first-choice font.

Inherited: Yes


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.fontSizeAdjust="0.70"

In our HTML DOM tutorial you can find more details about the fontSizeAdjust property.

In our HTML DOM tutorial you can also find a full Style Object Reference.


Example

h2
{
font-size-adjust: 0.58
}

Possible Values

Value Description
none Default. Do not preserve the font's x-height if the font is unavailable
number Defines the aspect value ratio for the font

The formula to use:

font-size of first-choice font*(font-size-adjust/aspect value of available font) = font-size to apply to available font

Example:

If 14px Verdana (aspect value of 0.58) was unavailable, but an available font had an aspect value of 0.46, the font-size of the substitute would be 14 * (0.58/0.46) = 17.65px

 

Try-It-Yourself Demos

Set the size of the font using font-size-adjust
This example demonstrates how to set the size of a font using font-size-adjust.


CSS Reference Complete CSS Reference


What do you want your Web site to do?

Ektron



Ektron’s new Extranet for Client Collaboration is designed to manage documents and timelines while facilitating collaboration among your internal and external project stake holders.
Ektron
Features include:

Client authentication using Ektron's robust membership module, allowing you to add, manage and notify your project stake holders
Project Status Dashboard allowing for visual navigation across all aspects of your project, efficiently and effectively from one single location
Wiki Scribble Pad for tracking major additions, changes or other related announcements for your project teams
Discussion forums and message boards to facilitate conversations within a non real-time environment
Integrated Document Management allowing you to maintain a complete history and audit trail of all documents that can affect the success of your project
Milestone Tracking with Outlook synchronization ensuring all your goals and deadlines are met
Public and Private Blogs for further extending communication across the team regarding status, feature creep or other external changes

See why there are 20,000+ Ektron integrations worldwide.

Click here to learn more, then request a live online demo or download a FREE TRIAL




diploma   

Get Your Diploma!

W3Schools' Online Certification Program is the perfect solution for busy professionals who need to balance work, family, and career building.

The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS.

The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO.


Jump to: Top of Page or HOME or Printer Friendly Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2007 by Refsnes Data. All Rights Reserved.

Validate Validate W3C-WAI level A conformance icon W3Schools was converted to XHTML in December 1999
SITE SEARCH
 
About W3Schools
W3Schools Forum
IISProtect
Password Protect
Your Web Pages
WEB HOSTING
$15 Domain Name
Registration
Save $20 / year!
UK Domain Names
UK Web Hosting

Alojamiento Web
Buy UK Domain Names
Register Domain Names
Cheap Domain Names
Cheap Web Hosting
Best Web Hosting
Domain Name Registration
PHP MySQL Hosting
Top 10 Web Hosting
Web Hosting Providers
Web Hosting Company
WEB BUILDING
Convert HTML to XML
Website Templates
Flash Templates
Website Builder
Internet Business Opportunity
Custom Programming
Web Design Forum
Programming Forum
FREE Trial or Demo
Web Content Manager
Forms,Web Alerts,RSS
Free Thumbnail Maker
Free Video Tutorials
HTML Exam
SHOPPING
UK Wholesalers
UK Wholesale
Online Casinos
Batteries
ONLINE DEGREE
Advance Your Career
with Drexel University
Bachelor's & Master's
Tech Degrees ONLINE
US Web Design Schools
YELLOW PAGES
www.nettkatalogen.no
www.gulex.dk
www.gulex.se
www.gelbex.de

pixels