Keisti iš CSS3 nuosavybė

Tarp daugelio naujovių yra įvestas CSS3, naujas - ir dar nėra galutinis - išleisti Cascading Style Sheets, turtas yra ypač įdomu yra tai, dydį. Dėl šio turtui, ji lengva pamatyti, galite sukurti, taip paprasta, keičiamo dydžio laikykla elementų mūsų interneto puslapiuose, naudojant vieną eilutę CSS kodą (iki CSS3 sukurti elementai atėjimas reikėjo naudoti keičiamo dydžio kompleksas "JavaScript" funkcijas).

Šiuo metu šį turtą, kaip ir daugelis kitų iš CSS3 nėra visuotinai palaiko visos naršyklės, bet tik tie šeimos WebKit (Safari ir Chrome ") ir" Firefox 4.

Reikia pažymėti, kad kai kurie iš šių naršyklių puslapio elementus, pvz tegus <textarea> yra keičiamo dydžio laikykla pagal nutylėjimą tiek aukščio ir pločio.

Valdymas dydį

Keisti turto gali turėti skirtingas reikšmes:

• nė = elementas nėra keičiamo dydžio;
• Horizontali = elementas gali būti keičiamas tik horizontaliai;
• = Vertikali elementas gali būti keičiamas tik vertikaliai;
• tiek = elementas gali būti keičiamas tiek vertikaliai, tiek horizontaliai;

Štai keletas pavyzdžiui:

 / *







 Apsaugo nuo dydžio keitimas Textarea







 * /







 Textarea {dydį: none;}









 / *







 Galiu sukurti keičiamo dydžio laikykla elementas vertikaliai







 * /







 div.vert {dydį: vertikaliai;}

Tvarkyti su laikytis dydis

Turto dydį naudoti labai dažnai kartu - dėl priežasčių, dizainas - į apribojimus, nustatyti mažiausią ir / arba maksimali galima manyti, kad elementas, keičiamo dydžio laikykla. Norėdami tai padaryti, mes naudojome šiuos CSS savybės:

• max-width ir max aukščio
• min-width ir min-aukštis

Pažiūrėkime, kaip keičiamo dydžio laikykla div horizontaliai nustatytos didžiausios pločio, pavyzdžiui:

 {Div.horiz



  



 Aukštis: 200px;



  



 Plotis: 300px;



  



 max-width: 600px;



  



 background: # EEEEEE;



  



 sienos: 3PX solid # dddddd;



  



 overflow: auto;



  



 dydį: horizontaliai;







 }

Į šį puslapį galite pamatyti demonstraciją darbo (žinoma, matyti turto dydį darbą turite naudoti naršyklę, kad ją palaiko.)