۱۳۸۹/۱/۵، ۲۱:۴۸:۵۳ عصر
همه طراحان صفحات وب تاكنون با نرمافزارهايي كه اجازه طراحي وب به صورت ويژوال راميدهد كار كردهاند. در اين نرمافزاربا طراح ميتواند به راحتي كنترلهاي صفحه را در مكان مناسبش قرار داده و خصوصيات آنها را تنظيم كند اما براي بسياري از طراحان تاكنون پيشآمدهاست كه بخواهند برخي از اين امكانات طراحي را در اختيار كاربر بيننده آن صفحه بگذارند. به عنوان مثال اين امكان رادر صفحعه قرار هند كه كاربر بتواند اندازه يك كنترل را به دلخواه خود تغيير دهد. در حالت عادي، يك طراح براي پيادهسازي اين حالت مجبور است كدهاي پيچيده جاوااسكريپترا با فناوري CSS تركيب كند تا بتواندن كنترلهاي صفحه را قابل تغيير سايز كند. اين مسئله علاوه بر زمانبربودن، در اكثر اوقات باعث ميشد كه صفحه HTML خروجي در مرورگرهاي مختلف به يك شكل كار نكند و همچنين خطاهايي نيز داشتهباشد.
خصوصيتي كه در اين شماره ذكر ميكنيم اين امكان را به طراح وب ميدهد كه براي هر كنترل، امكان تغيير اندازه توسط كاربر بيننده صفحه دادهشود.
اين خصوصيت كه Resize نام دارد، چهار مقدار آن ميپذيرد. نخستين مقدار اين خصوصيت none ميباشد كه همان طور كه از نامش پيداست، در صورت برابربودن خصوصيت resize با آن باعث ميشود كه هيچگونه تغيير سايزي وجود نداشتهباشد و كنترل به شكل طبيعي خود درآيد.
مقدار بعدي اين خصوصيت vertical است اين مقدار باعث ميشود كه كنترل، قابل تغيير اندازه در راستاي عمودي باشد به اين ترتيب مقدار ديگري كه اين خصوصيت ميگيرد horizontal است كه قابليت تغيير سايز را در راستاي افقي فراهم ميآورد. در نهايت مقدار both باعث مي شود كنترل مورد نظر قابل تغيير سايز در هر دو راستاي افقي و عمودي باشد.
يكي از اهداف اصلي قراردادهشدن اين خصوصيت در CSS 3.0 ايجاد قابليت نمايش بخشي از محتويات يك كنترل است كه ديدهنميشود. به همين دليل، كنترلي كه روي آن اين خصوصيت اعمال ميشود بايد خصوصيت overflow آن مقدار غير از visible داشتهباشد. مقاديري مانند hidden: overflowو scroll : overflow مقادير مناسبي جهت استفاده در كنار خصوصيت resize ميباشد.
به عنوان مثال ميخواهيم يك كنترل Div ايجاد كنيم كه متن درون آن قابل Scroll باشد و از طرف ديگر خود اين كنترل هم قابليت تغيير سايز را داشتهباشد.كلاس زير اين قابليت را ايجاد ميكند.
منبع
خصوصيتي كه در اين شماره ذكر ميكنيم اين امكان را به طراح وب ميدهد كه براي هر كنترل، امكان تغيير اندازه توسط كاربر بيننده صفحه دادهشود.
اين خصوصيت كه Resize نام دارد، چهار مقدار آن ميپذيرد. نخستين مقدار اين خصوصيت none ميباشد كه همان طور كه از نامش پيداست، در صورت برابربودن خصوصيت resize با آن باعث ميشود كه هيچگونه تغيير سايزي وجود نداشتهباشد و كنترل به شكل طبيعي خود درآيد.
مقدار بعدي اين خصوصيت vertical است اين مقدار باعث ميشود كه كنترل، قابل تغيير اندازه در راستاي عمودي باشد به اين ترتيب مقدار ديگري كه اين خصوصيت ميگيرد horizontal است كه قابليت تغيير سايز را در راستاي افقي فراهم ميآورد. در نهايت مقدار both باعث مي شود كنترل مورد نظر قابل تغيير سايز در هر دو راستاي افقي و عمودي باشد.
يكي از اهداف اصلي قراردادهشدن اين خصوصيت در CSS 3.0 ايجاد قابليت نمايش بخشي از محتويات يك كنترل است كه ديدهنميشود. به همين دليل، كنترلي كه روي آن اين خصوصيت اعمال ميشود بايد خصوصيت overflow آن مقدار غير از visible داشتهباشد. مقاديري مانند hidden: overflowو scroll : overflow مقادير مناسبي جهت استفاده در كنار خصوصيت resize ميباشد.
به عنوان مثال ميخواهيم يك كنترل Div ايجاد كنيم كه متن درون آن قابل Scroll باشد و از طرف ديگر خود اين كنترل هم قابليت تغيير سايز را داشتهباشد.كلاس زير اين قابليت را ايجاد ميكند.
کد:
ResizeAndScroll{
Overflow:auto;
Resize: both;
}
منبع