Změna velikosti vlastnost CSS3

Mezi mnoha inovací, které jsou zavedeny CSS3, nové - a dosud není finální - verze kaskádových stylů, majetek je zvláště zajímavé, je velikost. Díky této vlastnosti, je snadné vidět, můžete vytvořit, tak jednoduché, změnit velikost prvků v rámci našich webových stránek pomocí jednoho řádku kódu CSS (až do příchodu CSS3 vytvořit prvky potřebné využití škálovatelného komplexních funkcí JavaScript).

V současné době tuto vlastnost, stejně jako mnoho dalších z CSS3 není všeobecně podporován všemi prohlížeči, ale pouze ty rodiny WebKit (Safari a Chrome) a Firefox 4.

Poznamenat, že některé z těchto prvků prohlížeče stránku, jako je tag <textarea>, jsou velikosti ve výchozím nastavení jak výšky a šířky.

Správa velikosti

Změna velikosti objektu může mít různé hodnoty:

• none = element není velikost;
• Horizontální = element může být zvětšena pouze vodorovně;
• = Vertikální prvek může být zvětšena pouze ve svislém směru;
• i = element může být zvětšena vertikálně i horizontálně;

Zde je několik například:

 / *







 Zabraňuje změna velikosti textového pole







 * /







 textarea {velikost: none;}









 / *







 I vytvořit měnit velikost prvku ve svislém směru







 * /







 div.vert {velikost: vertikální;}

Správa velikosti vázána

Užívání nemovitosti velikosti velmi často je doprovázen - z důvodů design - s omezením, která stanoví minimální a / nebo maximální možné předpokládat, že element velikosti. K tomu jsme použili následující CSS vlastnosti:

• max-width a max-výšky
• min-width a min-height

Podívejme se na příklad změnit velikost div vodorovně s pevnou maximální šířka:

 {Div.horiz



  



 výška: 200px;



  



 šířka: 300px;



  



 max-width: 600px;



  



 pozadí: # EEEEEE;



  



 ohraničení: 3px solid # dddddd;



  



 overflow: auto;



  



 velikost: horizontální;







 }

Na této stránce můžete vidět pracovní demo (samozřejmě vidět vlastnost velikost práce, kterou je třeba použít prohlížeč, který podporuje).