تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 14

موضوع: خاصیت clear در css چیست؟

  1. Top | #1
    کاربر سایت

    تاریخ عضویت
    Sep 2012
    ورژن ویبولتین
    5
    سن
    21
    نوشته ها
    1,305
    مورد پسند
    203 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 8 Chrome 28.0.1500.95
    میزان امتیاز
    139

    پیش فرض خاصیت clear در css چیست؟

    خب یه سوال میشه یکی خاصیت clear رو برام واضح توضیح بده؟ اصلا این خاصیت شناور چیه و چیکار میکنه که خاصیت clear اون رو از حالت شناور در میاره؟




  2. گیفت کارت آیتونز

  3. Top | #2
    مدیر بازنشته

    تاریخ عضویت
    May 2012
    ورژن ویبولتین
    5.1.5
    سن
    20
    نوشته ها
    4,060
    مورد پسند
    2,642 بار
    نوشته های وبلاگ
    1
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 22.0
    میزان امتیاز
    463

    پیش فرض

    از این خاصیت برای شناور کردن عناصر و قرار دادن آنها در کنار یکدیگر استفاده میشود، انگار عنصر در عنصر مادر خود قرار ندارد...

    معرفی صفت clear :
    وقتی که صفت float به تنهایی نوشته شود در واقع عناصر شناوراند یعنی اگر ما برای آن به این صورت تعریف کنیم :

    XHTML

    کد:
    کد:
    <style type="text/css">.myclass {float:right;  width:100px;height:250px;}#myid{float:left;width:200px; height:350px}<styel/>   <div class="myclass"> ... <div/> <div id="myid"> ... <div/>
    ارتفاع عنصر مادر که قاعدتا auto است تغییری نمی‎کند بلکه حالتی پیدا می کند که انگار هیچ عنصر والدی ندارد . برای حل این مشکل ما باید از صفت clear استفاده کنیم . این صفت شناور بودن عناصر را در حال حفظ جهتی که قرار گرفته است از آن می گیرد . این صفت دارای سه مقدار :right – left – both می باشد .

    3 تشکر توسط:


  4. Top | #3
    کاربر سایت

    تاریخ عضویت
    Sep 2012
    ورژن ویبولتین
    5
    سن
    21
    نوشته ها
    1,305
    مورد پسند
    203 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 8 Chrome 28.0.1500.95
    میزان امتیاز
    139

    پیش فرض

    نقل قول نوشته اصلی توسط Fly Man نمایش پست ها
    از این خاصیت برای شناور کردن عناصر و قرار دادن آنها در کنار یکدیگر استفاده میشود، انگار عنصر در عنصر مادر خود قرار ندارد...

    معرفی صفت clear :
    وقتی که صفت float به تنهایی نوشته شود در واقع عناصر شناوراند یعنی اگر ما برای آن به این صورت تعریف کنیم :

    XHTML

    کد:
    کد:
    <style type="text/css">.myclass {float:right;  width:100px;height:250px;}#myid{float:left;width:200px; height:350px}<styel/>   <div class="myclass"> ... <div/> <div id="myid"> ... <div/>
    ارتفاع عنصر مادر که قاعدتا auto است تغییری نمی‎کند بلکه حالتی پیدا می کند که انگار هیچ عنصر والدی ندارد . برای حل این مشکل ما باید از صفت clear استفاده کنیم . این صفت شناور بودن عناصر را در حال حفظ جهتی که قرار گرفته است از آن می گیرد . این صفت دارای سه مقدار :right – left – both می باشد .
    درباره خاصیت ها میشه بیشتر توضیح بدی؟

  5. Top | #4
    کاربر سایت

    تاریخ عضویت
    Sep 2012
    ورژن ویبولتین
    4.2
    نوشته ها
    569
    مورد پسند
    203 بار
    نوشته های وبلاگ
    1
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 22.0
    میزان امتیاز
    65

    پیش فرض

    برای منم مهم شد میشه توضیح کامل و قابل درک بدین؟

    کاربر مقابل از Anti.Dark بابت این پست مفید تشکر کرده است:

    So close no matter how far Couldn't be much more from the heart ** Forever trusting who we are and nothing else matters

  6. Top | #5
    مدیریت کل سایت

    تاریخ عضویت
    Aug 2009
    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,681
    مورد پسند
    54,801 بار
    نوشته های وبلاگ
    14
    اطلاعات
    Windows 8 Chrome 28.0.1500.72
    میزان امتیاز
    3117

    پیش فرض

    بعضی مواقع هست که مثلاً به باکس دارید که یک بکگراندی هم داره توش یه سری چیز میزنید که هر کدوم float دارن

    بعد از اینکه صفحه رو ریفرش میکنید که نتیجه رو ببینید میبینید که کادر نیومده دور این ها رو بگیره چون همه عناصر شناور هستند و باید قبل از بسته شدن اون باکس

    <div style="clearoth;"></div>

    بزنید.

    5 تشکر توسط:


  7. Top | #6
    کاربر سایت

    تاریخ عضویت
    Sep 2012
    ورژن ویبولتین
    5
    سن
    21
    نوشته ها
    1,305
    مورد پسند
    203 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 8 Chrome 28.0.1500.95
    میزان امتیاز
    139

    پیش فرض

    نقل قول نوشته اصلی توسط VBIran نمایش پست ها
    بعضی مواقع هست که مثلاً به باکس دارید که یک بکگراندی هم داره توش یه سری چیز میزنید که هر کدوم float دارن

    بعد از اینکه صفحه رو ریفرش میکنید که نتیجه رو ببینید میبینید که کادر نیومده دور این ها رو بگیره چون همه عناصر شناور هستند و باید قبل از بسته شدن اون باکس

    <div style="clearoth;"></div>

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

    ایا مشکل زیر هم به خاطر اینه؟

    الان یک صفحه داریمبا عرض 1000 و ارتفا 1000 حالا میایم یه عنصر میزاریم تو صفحه که از سمت چب 10 پیکسل و از بالا هم 10 پیکسل فاصله داشته باشه به شکل زیر:

    کد:
    .iran{float:left;
    
    margin-left:10px;margin-top:10px; }
    خب تا اینجا که درسته حالا من میخام یه عنصر دیگه دقیقا کنار اون عنصر بزارم به فاصله 10 پیکسل پس به صورت زیر عمل میکنم:

    کد:
    .iran2{
    
    float:left;margin-left:10px;margin-top:10px; }
    این عنصر ( کد بالا ) دقیقا شبیه بالا هستش و فقط نام ها فرق دارن پس الان این طوری که من گفتم باید دو عنصر در کنار هم با فاصله 10 پیکسل قرار بگیرن در صورتی که اینطور نمیشه و بعضی موقع ها عنصر در کنار هم قرار نمیگرن و ما مجبور میشیم از مارجین منفی استفاده کنیم به صورت زیر :

    کد:
    .iran2{float:left;
    
    margin-left:10px;margin-top:-10px; }
    به کدهای بالا توجه کنید فاصله از بالا منفی داده شده تا بتونه کنار اون عنصر دقیقا قرار بگیره چرا؟

    شاید سوال داشته باشین که:

    اگر عناصر شما یه خواس مشترک دارن چه کاریه که دو تا کلاس براشون تعریف کنید؟

    منم میگم
    شما فرض کنید اصلا خاصیت یک سانی ندارن بحث اینه که اونطوری که باید قرار نمیگرند کنار هم.

  8. Top | #7
    مدیریت کل سایت

    تاریخ عضویت
    Aug 2009
    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,681
    مورد پسند
    54,801 بار
    نوشته های وبلاگ
    14
    اطلاعات
    Windows 8 Chrome 28.0.1500.72
    میزان امتیاز
    3117

    پیش فرض

    کد مورد نظرتون رو بنویسیدو HTMLشو یه جا آپلود کنید من لایو ببینم و راهنمایی کنم

    3 تشکر توسط:


  9. Top | #8
    کاربر سایت

    تاریخ عضویت
    Sep 2012
    ورژن ویبولتین
    5
    سن
    21
    نوشته ها
    1,305
    مورد پسند
    203 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 8 Chrome 28.0.1500.95
    میزان امتیاز
    139

    پیش فرض

    نقل قول نوشته اصلی توسط VBIran نمایش پست ها
    کد مورد نظرتون رو بنویسیدو HTMLشو یه جا آپلود کنید من لایو ببینم و راهنمایی کنم
    ممنون فعلا که در دسترس نیست و این که میشه اون سه خاصیت به ترتیب بگین چه موقعی باید قرار داده بشن؟

  10. Top | #9
    مدیریت کل سایت

    تاریخ عضویت
    Aug 2009
    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,681
    مورد پسند
    54,801 بار
    نوشته های وبلاگ
    14
    اطلاعات
    Windows 8 Chrome 28.0.1500.72
    میزان امتیاز
    3117

    پیش فرض

    من عادت ندارم متن های طولانی رو بخونم شما اگه نمونه خاصی دارید بدید من براتون بنویسم

    کاربر مقابل از VBIran بابت این پست مفید تشکر کرده است:


  11. Top | #10
    کاربر سایت

    تاریخ عضویت
    Sep 2012
    ورژن ویبولتین
    5
    سن
    21
    نوشته ها
    1,305
    مورد پسند
    203 بار
    نوشته های وبلاگ
    7
    اطلاعات
    Windows 8 Chrome 28.0.1500.95
    میزان امتیاز
    139

    پیش فرض

    نقل قول نوشته اصلی توسط VBIran نمایش پست ها
    من عادت ندارم متن های طولانی رو بخونم شما اگه نمونه خاصی دارید بدید من براتون بنویسم
    عزیز اون رو فعلا بیخیال منظورم سه حالت زیر رو بود که یه توضیح بدین چه موقع هایی باید استفاده بشه:

    صفت clear دارای سه مقدار :right – left – both می باشد .

صفحه 1 از 2 12 آخرینآخرین

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. خاصیت قفل کننده چیست؟
    توسط hamoon64 در انجمن پرسش و پاسخ
    پاسخ: 1
    آخرين نوشته: 2013/07/01, 10:38 PM
  2. نقش clear system cache
    توسط caspianchat در انجمن پرسش و پاسخ
    پاسخ: 1
    آخرين نوشته: 2013/03/16, 11:59 AM
  3. پوسته‌ی Clear Press
    توسط Mystogan در انجمن استایل های وردپرس
    پاسخ: 0
    آخرين نوشته: 2011/12/06, 10:11 PM
  4. پوسته‌ی Clear Press
    توسط Mystogan در انجمن استایل های وردپرس
    پاسخ: 0
    آخرين نوشته: 2011/12/06, 03:53 PM
  5. پاسخ: 2
    آخرين نوشته: 2011/10/06, 09:39 PM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •