CSS Dimensie

obrazok obrazok

CSS dimenzie (rozmery) vám povolujú kontrolova? vý?ku a ?írku elementu. Taktie? vám to povoluje zvä??i? medzeru medzi dvomi riadkami.


Príklady

Nastavi? vý?ku elementu s pou?itím hodnoty v pixeloch
Tento príklad predvádza, ako nastavi? the height elementu s pou?itím hodnoty v pixeloch.

Nastavi? vý?ku obrázka, s pou?i?ím hodnoty v %
Tento príklad predvádza, ako nastavi? vý?ku elementu s pou?itím hodnoty v %.

Nastavi? ?írku elementu s pou?itím hodnoty v pixeloch
Tento príklad predvádza, ako nastavi? ?írku elementu s pou?itím hodnoty v pixeloch.

Nastavi? ?írku elementu s pou?itím hodnoty v %
Tento príklad predvádza, ako nastavi? ?írku elementu s pou?itím hodnoty v %.

Nastavi? maximálnu vý?ku elementu
Tento príklad predvádza, ako nastavi? maximálnu vý?ku element.

Nastavi? maximálnu ?írku elementu s pou?itím hodnoty v pixeloch
Tento príklad predvádza, ako nastavi? maximálnu ?írku elementu s pou?itím hodnoty v pixeloch.

Nastavi? maximálnu ?írku elementu s pou?itím hodnoty v %
Tento príklad predvádza, ako nastavi? maximálnu ?írku elementu s pou?itím hodnoty v %.

Nastavi? minimálnu vý?ku elementu
Tento príklad predvádza, ako nastavi? the minimálnu vý?ku elementu.

Nastavi? minimálnu width elementu s pou?itím hodnoty v pixeloch
Tento príklad predvádza, ako nastavi? minimálnu ?írku elementu s pou?itím hodnoty v pixeloch

Nastavi? minimálnu ?írku elementu s pou?itím hodnoty v %
Tento príklad predvádza, ako nastavi? the minimálnu width elementu s pou?itím hodnoty v %.

Ur?i? medzeru, medzi riadkami s pou?i?ím hodnoty v %
Tento príklad predvádza, ako ur?i? medzeru medzi riadkami v odstavci, s pou?i?ím hodnoty v %.

Ur?i? medzeru medzi riakdamy, s pou?i?ím hodnoty v pixeloch
Tento príklad predvádza, ako ur?i? medzeru medzi riakdami v odstavci, s pou?i?ím hodnoty v pixeloch.

Ur?i? medzeru medzi riadkami, s pou?i?ím ?íselnej hodnoty
Tento príklad predvádza, ako ur?i? medzeru medzi riadkami v odstavci, s pou?i?ím ?íselnej hodnoty.


CSS Vlastnosti dimenzií (rozmerov)

CSS vlastnosti dimenzií vám povolujú kontrolova? vý?ku a ?írku elmenetu. Taktie? vám to povoluje zvä??ova? medzeru medzi dvomi riadkami.

Podpora prehliada?a: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: ?íslo vo "W3C" st?pci indikuje, pre ktoré CSS odporú?anie je vlastnos? definovaná (CSS1 alebo CSS2).

Vlastnos? Popis Hodnoty IE F N W3C
height Nastaví vý?ku elementu auto
length
%
4 1 6 1
line-height Nastaví vzdialenos? medzi riadkami normal
number
length
%
4 1 4 1
max-height Nastaví maximálnu vý?ku elementu none
length
%
- 1 6 2
max-width Nastaví maximálnu ?írku elementu none
length
%
- 1 6 2
min-height Nastaví minimálnu vý?ku elementu length
%
- 1 6 2
min-width Nastaví minimálnu ?írku elementu length
%
- 1 6 2
width Nastaví ?írku elementu auto
%
length
  
4 1 4 1


obrazok obrazok