hvad betyder dette i CSS?

EM-space

Amerikansk typografisk størrelse svarende til kvadratet på skriftstørrelsen.

måske er det bedre jeg ikke anvender denne størrelse hvad hedder den hvis man ikke anvender den amerikanske angivelse?

mvh
mads

Se også her:
http://www.eksperten.dk/spm/361853
http://www.eksperten.dk/spm/414105

Jeg har ikke forstand på det - men søger blot rundt omkring :-)

Det er så vel bare i pixel størrelse?

jo men nu har jeg regnet den ud;  mna kan bare angive i pixel dimensioner også.

således:

height: 2px;


mvh
mads

smider du et svar?


mvh
mads

Så pyt da *G*

http://24ways.org/advent/an-explanation-of-ems

Prøv at kigge på dette :

<style>

body {
font-size: 12px;
line-height: 15px; }

h1 {
font-size: 24px;
line-height: 30px; }

Her defineres alting i den relative størrelse (relativ da skærme har forskellig opløsning og størrelse) px. Det fungerer som sådan uden problemer, hvis det er de størrelser man ønsker der skal være på sitet. Men lad os nu forestille os at du halvejs i konstruktionen af dit site finder ud af at du vil ændre font-size til f.eks. 13px. Hvis du så vil bevare det samme forhold mellem font-size og line-height ville du skulle lave følgende ændringer :

body {
font-size: 13px;
line-height: 16px; }

h1 {
font-size: 26px;
line-height: 32px; }

Dette vil være det tætteste du kommer på det forhold vi har lagt ud med. Problemet er altså at hvis du bruger en px definition er de ikke afhængige af hinnanden og dermed skal du ændre dem alle hvis du ændrer en. Løsningen er em - se her :

body {
font-size: 12px;
line-height: 1.25em; }

h1 {
font-size: 2em; }

Dette giver samme resultat som vores originale style sheet men hvis du ønsker at ændre font-size til 13px så ændrer du blot dette i body stylen så vil de andre automatisk følge trop :)

Håber det hjælper - Mvh. Johan

Og så mangler der jo lige en forklaring af HVORFOR :) tsk tsk

Når em bruges på andre styles end font-size referere den til netop font-size ! Altså :

Hvis vi, som i ovenstående, sætter font-size til 12px på body elementet vil efterfølgende brug af em altså referere til præcis 12px.

Hvis font-size er 12px - er 1em også 12px og 1.5em er (1.5*12)px altså 18px.

Hvis em bruges på font-size så referere den enten til parent elementets font-size eller hvis denne ikke er defineret til 'initial' value....som hvis min hukommelse ikke laver sjov med mig, er den størrelse som de forskellige brugere selv har defineret som std. i deres browser.

Mvh. Johan - Jeg ved at du har uddelt point osv. men hvis du er i tvivl om noget af det ovenstående så bare spørg løs.

Og en ekstra bonus ved at bruge em, er, at hvis man undlader at sætte en pixelstørrelse, så vil alle de em-definerede størrelser indrette sig ud fra den skriftstørrelse, som brugeren selv har sat sin browser til at benytte. Det betyder for eksempel, at jeg slipper for at få tekst som små gnidrede flueklatter på min 1600x1200-skærm, bare fordi bogstaverne så store nok ud på den 800x600-skærm, som designeren brugte, og omvendt kan jeg på min skærm lave en side med passende skriftstørrelse, som stadig har passende størrelse på den anden skærm.

Derudover kan IE vistnok ikke gøre skriften større eller mindre, hvis man benytter pixels.