Promjena veličine vlasništvo CSS3

Među mnogim inovacijama koje se uvode od CSS3, novi - i još nije konačna - oslobađanje Cascading Style Sheets, vlasništvo je posebno zanimljivo je veličine. Zahvaljujući ovom imovine, to je lako vidjeti, možete stvoriti, tako jednostavno, promjenjive veličine elemenata unutar naše web stranice koristeći jednu liniju CSS kod (do pojave CSS3 stvaranja elemente potrebne korištenje skalabilan kompleks JavaScript funkcije).

Trenutno ovu nekretninu, kao i mnogi drugi od CSS3 nije univerzalno podržavaju svi preglednici, ali samo one obitelji WebKit (Safari i Chrome) i Firefox 4.

Se primijetiti da su neki od tih preglednici elemente stranice, kao što su tag <textarea> su promjenjive veličine po defaultu u oba visinu i širinu.

Upravljanje veličinu

Promjena veličine objekta mogu imati različite vrijednosti:

• nitko = element ne promjenjive veličine;
• Horizontalna = elementa može se mijenjati samo vodoravno;
• = Vertikalni element može se mijenjati samo okomito;
• i = elementa može se mijenjati i vertikalno i horizontalno;

Ovdje su neke primjer:

 / *







 Sprječava promjena veličine textarea







 * /







 textarea {veličine: none;}









 / *







 Mogu stvoriti promjenjive veličine elementa vertikalno







 * /







 div.vert {veličine: vertikali;}

Upravljanje veličine dužni

Korištenje imovine veličinu vrlo često je popraćen - zbog dizajna - u ograničenja koja određuju minimalnu i / ili maksimalno može se pretpostaviti da je promjenjive veličine elementa. Da biste to učinili smo sljedeće CSS svojstva:

• max-max širine i visine
• min širine i visine min

Pogledajmo primjer promjenjive veličine div vodoravno s fiksnim maksimalnu širinu:

 {Div.horiz



  



 visina: 200px;



  



 širina: 300px;



  



 max-width: 600px;



  



 background: # EEEEEE;



  



 granice: 3px čvrste # dddddd;



  



 overflow: auto;



  



 veličine: horizontalna;







 }

Na ovoj stranici možete vidjeti radni demo (naravno, da vidi imovine veličinu posla morate koristiti preglednik koji podržava).