Poetry of Programming » css http://www.poetryofprogramming.com Because coding is art Wed, 15 Apr 2009 15:05:23 +0000 http://wordpress.org/?v=2.8.1 pl hourly 1 Tabela konwersji dla px, pt, em i % w CSS http://www.poetryofprogramming.com/pl/css/conversion-table-for-px-pt-em-and-in-css/ http://www.poetryofprogramming.com/pl/css/conversion-table-for-px-pt-em-and-in-css/#comments Tue, 29 Apr 2008 20:50:02 +0000 Krzysztof Karolczak http://www.poetryofprogramming.com/css/conversion-table-for-px-pt-em-and-in-css/ Szukasz odpowiedzi ile px odpowiada ilu pt? Czy tworząc arkusz styli (lub przerabiając inny :) ) zdarzyło Ci się kiedyś “na oko” zamieniać wartość w pikselach na wartość w punktach? Tak. Mi też :) . Dlatego powstała tabela konwersji.

Oczywiście poniższa tabela służy tylko znalezieniu przybliżonych wartości. Wszystko zależy od przeglądarki, jej ustawień oraz użytej czcionki, ale w większości przypadków powinno być to wystarczające. Na ogół dobrze sprawdzającym się przelicznikiem px do pt jest mnożnik 0,75 (oczywiście przy normalnym rozmiarze fontów w przeglądarce).

Punktem odniesienia dla wartości relatywnych w tabeli tj. procenty i emy jest standardowy font-size 16px (relacja 1em = 16px ustawiana jest przez większość przeglądarek gdy nie ma zadeklarowanego rozmiaru czcionki).

Punkty Piksele Emy Procenty
6pt 8px 0.5em 50%
7pt 9px 0.55em 55%
7.5pt 10px 0.625em 62.5%
8pt 11px 0.7em 70%
9pt 12px 0.75em 75%
10pt 13px 0.8em 80%
10.5pt 14px 0.875em 87.5%
11pt 15px 0.95em 95%
12pt 16px 1em 100%
13pt 17px 1.05em 105%
13.5pt 18px 1.125em 112.5%
14pt 19px 1.2em 120%
14.5pt 20px 1.25em 125%
15pt 21px 1.3em 130%
16pt 22px 1.4em 140%
17pt 23px 1.45em 145%
18pt 24px 1.5em 150%
20pt 26px 1.6em 160%
22pt 29px 1.8em 180%
24pt 32px 2em 200%
26pt 35px 2.2em 220%
27pt 36px 2.25em 225%
28pt 37px 2.3em 230%
29pt 38px 2.35em 235%
30pt 40px 2.45em 245%
32pt 42px 2.55em 255%
34pt 45px 2.75em 275%
36pt 48px 3em 300%

]]> http://www.poetryofprogramming.com/pl/css/conversion-table-for-px-pt-em-and-in-css/feed/ 2