CSS μέγεθος γραμματοσειρών em, px και %

published by administrator on Fri, 15/04/2011 - 20:29

Στην ιστοσελίδα pxtoem θα βρείτε ένα πολύ χρήσιμο εργαλείο μετατροπής των μονάδων μεγέθους των γραμματοσειρών.

Πέρα από τον πίνακα μετατροπής στην συνέχεια μπορείτε να επιλέξετε την εξαγωγή CSS με styles για όλα τα βασικά tags της HTML.

Pixel size convertion based 14px
Pixels	EMs	Percent	Points
6px	0.429em	42.90%	5pt
7px	0.5em	50.00%	5pt
8px	0.571em	57.10%	6pt
9px	0.643em	64.30%	7pt
10px	0.714em	71.40%	8pt
11px	0.786em	78.60%	8pt
12px	0.857em	85.70%	9pt
13px	0.929em	92.90%	10pt
14px	1em	100.00%	11pt
15px	1.071em	107.10%	11pt
16px	1.143em	114.30%	12pt
17px	1.214em	121.40%	13pt
18px	1.286em	128.60%	14pt
19px	1.357em	135.70%	14pt
20px	1.429em	142.90%	15pt
21px	1.5em	150.00%	16pt
22px	1.571em	157.10%	17pt
23px	1.643em	164.30%	17pt
24px	1.714em	171.40%	18pt

Pixel size convertion based 16px
Pixels	EMs	Percent	Points
6px	0.375em	37.50%	5pt
7px	0.438em	43.80%	5pt
8px	0.5em	50.00%	6pt
9px	0.563em	56.30%	7pt
10px	0.625em	62.50%	8pt
11px	0.688em	68.80%	8pt
12px	0.75em	75.00%	9pt
13px	0.813em	81.30%	10pt
14px	0.875em	87.50%	11pt
15px	0.938em	93.80%	11pt
16px	1em	100.00%	12pt
17px	1.063em	106.30%	13pt
18px	1.125em	112.50%	14pt
19px	1.188em	118.80%	14pt
20px	1.25em	125.00%	15pt
21px	1.313em	131.30%	16pt
22px	1.375em	137.50%	17pt
23px	1.438em	143.80%	17pt
24px	1.5em	150.00%	18pt

Add new comment

Your name

Subject

Comment *

Text format

Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
To post pieces of code, surround them with <code>...</code> tags. For PHP code, you can use <?php ... ?>, which will also colour it based on syntax.
Web page addresses and e-mail addresses turn into links automatically.
Lines and paragraphs break automatically.

Word verification * Type the characters you see in this picture.

Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated. Not case sensitive.