WikiSysop: Bot: Automatski unos stranica

2021-10-22T05:17:16Z

Bot: Automatski unos stranica

Nova stranica

'''Jedinice dužine''' u stilskom jeziku [[CSS]] definiraju veličinu nekog [[Svojstvo (CSS)|svojstva]], kao šo su na primjer širina margine, veličina [[font]]a ili debljina crte.<ref name="w3s">[http://www.w3schools.com/cssref/css_units.asp ''CSS units'' na stranici ''www.w3schools.com''] {{jezikk|en.|engleski}} (pristupljeno 25. veljače 2016.)</ref>
<ref name="w3o">[http://www.w3.org/TR/CSS1/#units Jedinice dužine u preporukama ''W3C''-a, stranica ''Cascading Style Sheets, level 1'', ''www.w3.org''] {{jezikk|en.|engleski}} (pristupljeno 25. veljače 2016.)</ref>

Dužina je izražena brojem iza koga se bez razmaka navodi odgovarajuća oznaka jedinice, kao na primjer 0.5em, 10px, 20%... Ako broj nije cijel, piše se s decimalnom točkom umjesto zareza. Kod nekih elemenata broj može biti negativan. Ako je broj 0 (nula), oznaka jedinice se može izostaviti. Primjer:
: <code> margin: 2em 0 -1.5em 0; </code>

Jedinice dužine mogu biti '''relativne''' i '''apsolutne''', te su prema tome razvrstane u sljedeće tablice:

=== Relativne jedinice ===
Relativne jedinice definiraju dužinu u odnosu na veličinu nekog drugog svojstva. Ovaj se način rabi ako je potrebno skaliranje svojstva, odnosno njegovo prilagođenje za različito prikazivanje na raznim medijima.

{| class="wikitable"
! Jedinica !! Opis !! Napomena
|-
| '''em''' || ralativna u odnosu na veličinu (visinu) fonta || 2em je 2 × veličina fonta
|-
| ex || relativna u odnosu na visinu slova "x" u odgovarajućem fontu ||
|-
| ch || relativna u odnosu na širinu "0" (nule) ||
|-
| rem || relativna u odnosu na veličinu fonta vršnog svojstva ||
|-
| vw || relativna u odnosu na 1 % širine ''[[viewport]]a'' || 1vw je 1 % širine prosotra
|-
| vh || relativna u odnosu na 1 % visine ''viewporta'' || 1vw je 1 % visine prosotra
|-
| vmin || relativna u odnosu na 1 % manje dimenzije ''viewporta'' ||
|-
| vmax || relativna u odnosu na 1 % veće dimenzije ''viewporta ||
|-
| '''%''' || postotak odgovarajuće veličine ||
|}
* Podebljane su često rabljene jedinice
* Kod [[nasljeđivanje (računarstvo)|nasljednih]] elemenata, nasljednici preuzimaju rezultirajuću vrijednost, a ne relativnu vrijednost, kao u primjeru:
<pre style="margin-left:2em; width: 60%;">
BODY {
<nowiki>font-size: 12pt;</nowiki>
<nowiki>text-indent: 3em;</nowiki> /* 3 × 12pt = 36pt */
}
H1 { <nowiki>font-size: 15pt</nowiki> }
</pre>

: odnosno, "text-indent" u "H1" naslijedit će vrijednost 36pt a ne 45pt.

=== Apsolutne jedinice ===
Apsolutne jedinice definiraju fiksnu veličinu svojstva.

{| class="wikitable"
! Jedinica !! Opis !! Napomena
|-
| cm || centimetar || 1cm = 0.39in = 37.8px = 28.34pt = 2.36pc
|-
| mm || milimetar || 1mm = 0.039in = 3.78px = 2.83pt = 0.24pc
|-
| in || [[inč]] || 1in = 2,54 cm = 96px = 72pt = 6pc
|-
| px || [[piksel]] || 1px = 1/96 dio inča = 0.26mm
|-
| pt || [[Točka (tipografija)|točka]] || 1pt = 1/72 dio inča = 0.35mm
|-
| pc || [[pika]] || 1pc = 1/6 inča = 12pt = 4.23mm
|}
* Jedinica piksel zamišljena je kao najmanja jedinica mjere digitalne slike (i najmanji element koji je moguće adresirati) i definirana je kao 96. dio inča (~0,26 mm), odnosno jedna točka na zaslonu kod uređaja niske rezolucije. Stoga je uvršten u tablicu apsolutih jedinica, iako je veličina piksela ovisna o mediju.<ref name="w3c">[http://www.w3.org/TR/CSS21/syndata.html#x39 Apsolutne jedinice u preporukama ''W3C''-a, stranica ''Syntax and basic data types'', ''www.w3.org''] {{jezikk|en.|engleski}} (pristupljeno 25. veljače 2016.)</ref><ref name="uc">[http://www.translatorscafe.com/cafe/EN/units-converter/typography/c/ Jedinice u tipografijii i digitalnim slikama s pretvorbom jedinica, ''www.translatorscafe.com''] {{jezikk|en.|engleski}} (pristupljeno 16. ožujka 2016.)</ref>

== Primjeri ==
Za primjere uporabe pogledajte [[Pomoć:Primjer uporabe jedinica dužine u jeziku CSS|stranicu pomoći]].

== Izvori ==
{{izvori}}

[[Kategorija:CSS]]

Jedinice dužine u jeziku CSS - Povijest promjena

WikiSysop: Bot: Automatski unos stranica