Css

|

width و height

آموزش هایی که تا کنون دادیم با 2 دستور width و height کامل میشود و لازمه ی هر طراحی سایتی این 2 تگ است همان طور که از نام آنها مشخص هست عرض و ارتفاع صفحه را مشخص میکند.

Width

برای مقدار دهی به عرض میباشد. برای مثال ما میخواهیم برای یک div عرض 200px در نظر بگیریم. در این حالت اگر نوشته های داخل div بیشتر از عرض div شوند میشکنند و به خط بعدی منتقل میشوند.

<div/>این جمله پس از اینکه عرض آن از 200 پیکسل بیشتر شد درسطرهایبعدی ادامه پیدا می کند<"div style="width:200px>

این پارامتر را هم میتوان به صورت پیکسلی و هم بصورت درصدی مقدار دهی کرد.

Height

برای مشخص کردن ارتفاع میباشد. برای مثال اگر به یک div ارتفاع 200px بدهیم در صورت بیشتر بودن متن از ارتفاع مشخص شده متن به خارج از div سر ریز میشود.

Overflow مشخص میکند که متن های سر ریز شده از یک بخش نمایش داده شود یا مخفی شود.

مقادیر این ویژگی متواند visible ، hidden یا scroll باشد.

Visible اعلام میکند که نوشته ها نمایش داده شوند، hidden باعث مخفی شدن آنها و scroll در صورت سر ریز توسط scroll bar تمام سر ریز ها را نشان میدهد.

مثال برای over flow hidden :

اموزش عرض و ارتفاع

مثال برای over flow Visible :

اموزش width ، heightنکته:دقت کنید که در یک کلاس یا آی دی، می توان به فرض برای width آن از یک نوع مقدار دهی و برای height از نوعی دیگر استفاده کرد، به فرض برای عرض از مقدار دهی پیکسلی و برای ارتفاع از مقدار دهی درصدی استفاده کرد و از این لحاظ محدودیتی وجود ندارد.

اموزش css طراحی سایت css

دریافت آخرین مطالب وبلاگ در کانال داتینه

بهاره شهسواری

بهاره شهسواری ، کارشناس نرم افزار هستم .
از سال 91 مشغول به یادگیری زبان های css ,html , javascript و jquery شدم
و از سال 93 به صورت اختصاصی به فعالیت در حوزه css و html پرداختم. علاوه بر کد نویسی به گرافیک هم علاقه مند هستم.

نظرات
نظر بدهید