سبد خرید (0)

تبلیغات

تنظیم طول و عرض عناصر در CSS

تنظیم طول و عرض عناصر در CSS

Wiki

خصوصیات مربوط به ابعاد در CSS به شما این امکان را می دهد تا عرض(width) و ارتفاع(height) یک عنصر را کنترل کنید.


مثال - خودتان امتحان کنید

Wiki

تنظیم ارتفاع عناصر
این مثال نشان می دهد که چگونه ارتفاع عناصر مختلف را تنظیم کنیم.

تنظیم ارتفاع یک عکس به درصد
این مثال نشان می دهد که چگونه ارتفاع یک عنصر را به درصد (%) تنظیم کنیم.

تنظیم عرض به پیکسل
این مثال نشان می دهد که چگونه عرض یک عنصر را به پیکسل تنظیم کنیم.

تنظیم حداکثر ارتفاع یک عنصر
این مثال نشان می دهد که چگونه حداکثر ارتفاع یک عنصر را تنظیم کنیم.

تنظیم حداکثر عرض یک عنصر به درصد
این مثال نشان می دهد که چگونه حداکثر عرض یک عنصر را به درصد (%) تنظیم کنیم.

تنظیم حداقل ارتفاع یک عنصر
این مثال نشان می دهد که چگونه حداقل ارتفاع یک عنصر را تنظیم کنیم.

تنظیم حداقل عرض یک عنصر به پیکسل
این مثال نشان می دهد که چگونه حداقل عرض یک عنصر را به پیکسل تنظیم کنیم.


کلیه خصوصیات مربوط به ابعاد

Wiki

شماره ای که در ستون css ذکر شده، نشان می دهد که خصوصیت مورد نظر در کدام نسخه CSS تعریف شده است.

خصوصیتتوضیحاتمقادیرCSS
height تنظیم ارتفاع یک عنصر auto
length
%
inherit
1
max-height تنظیم حداکثر ارتفاع یک عنصر none
length
%
inherit
2
max-width تنظیم حداکثر عرض یک عنصر none
length
%
inherit
2
min-height تنظیم حداقل ارتفاع یک عنصر length
%
inherit
2
min-width تنظیم حداقل عرض یک عنصر length
%
inherit
2
width تنظیم عرض یک عنصر auto
length
%
inherit
1

دیدگاه‌ها  

+2 # امیر نیک 1396-02-07 05:13
با سلام من اگر بخوام یک عنصر تو همه ی مرورگر ها وسط در وسط بیفته باید چیکار کنم چند روزی هست درگیرم عکس که برای بادی انتخاب میکنم دقیقا تو موبایل و دسکتاپ وسط بیفته
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+3 # sabera rajabi 1395-02-24 08:44
سلام
سایت شما یکی از بهترین هاست و در خیلی موارد به من کمک کرده خصوصا در بخش های css
تشکر از شما
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+2 # احسان عباسی 1395-02-24 09:36
سلام
شما لطف دارید. خوشحالیم که تونستیم رضایت شما رو جلب کنیم.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+6 # مانی 1393-11-20 16:17
در min-width سایز رو تا600 هم که تغییر میدم تفتوتی ایجاد نمیشه،چرا؟
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن
+6 # امیر پهلوان صادق 1393-11-21 08:28
توجه داشته باشید که min-width روی عناصر block تأثیری نخواهد داشت و ابتدا باید عنصر مورد نظر را با استفاده از خصوصیت float یا display تبدیل به یک عنصر inline کرد.
پاسخ دادن | پاسخ به نقل قول | نقل قول کردن

آموزش صوتی CSS

بستن
مدرس:

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!