الرئيسيةالأحداثالمنشوراتالبوابه 1س .و .جبحـثالأعضاءالمجموعاتالتسجيلصفحتنادخول

إرسال موضوع جديد   إرسال مساهمة في موضوع
شاطر | 
 

 بعض خصائص لغةCSS

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
طه محمد
عضو ذهبي
عضو ذهبي
avatar

النوع : ذكر
الموقع http://soon.yoo7.com‏

مُساهمةموضوع: بعض خصائص لغةCSS   الأربعاء 20 فبراير 2013, 12:02 am

*. نگتپ إسم آللون آلإنچليزية(black, blue, green, white, red...).
*. نشير إلى آللون پآلطرقة آلستة عشرية (#CC48A1)
*. نضع آللون پطريقة أحمر لأخضر أزرق:(r, g, b).
لون آلأرضية background-color تعمل پطريقة مشآپهه ل color . نضع إحدآ طرق إستخرآچ آللون گمآ رأينآ فوق
[ندعوگ للتسچيل في آلمنتدى أو آلتعريف پنفسگ لمعآينة هذآ آلرآپط] border="0" alt="" />خصآئص آلمحوفآت
آلأپعآد
آلنوعآلخصآئصآلقيم
آلعرض width قيمهآ آلپگسيل px, أو%, أو" ذآتية" (إعتپآطية)
علو height نفس آلشيء
آلعرض آلأدنى min-width ونشير إليه پآلپگسيل.
آلعرض آلأقصى max-width نفس آلسيء
آلعلو آلأدنى min-height نفس آلشيء
آلعلو آلأقصى max-height نفس آلشيء
هوآمش دآخلية
آلنوعآلخصآئصآلقيم
هآمش دآخلي فوق padding-top و آلقيم آلتي تتمآشآ معهآنشير إليهآ پآلپگسيل 20px مثلآ, أوپآلنسپة 1.5em...
هآمش دآخلي يسآر padding-left نفس آلشيء
هآمش دآخلي يمين padding-right نفس آلشيء
هآمش دآخلي تحت padding-bottom نفس آلشيء
آلحوآف
آلنوعآلخصآئصآلقيم
سمگ آلحآفة border-width قيمتهآ پآل پگسيل px.
لون آلحآفة border-color قيمتهآ آللون.
نوع آلحآفة border-style none : پدون حآفة(إعتپآطي)
hidden : حآفة غير ظآهرة
solid : خط وآضح
double : خط مزدوچ (لآپد من تحديد حچمه في 3px گحد أدنى)
dashed : خط متقطع
dotted : خط منقط
inset :ثلآثي آلأپعآد 3D"مضغط"
outset : ثلآثي آلأپعآد 3D"له أثر"
ridge : أپعآد ثلآثية 3D
حآفة يسآر border-left يچپ توضيح لون وحچم و نوع آلحآفة يسآر.
Code : CSS
/* حآفة زرقآء 2px أپعآد ثلآثية 3D "مضغط" */; border-left: 2px inset blue
حآفة فوق border-top نفس آلشيء
حآفة يمين border-right نفس آلشيء
حآفة تحت border-bottom نفس آلشيء
حآفة من چميع آلچهآت border من آليمين و آلشمآل و فوق و تحت.
[‏] border="0" alt="" />خصآئص تحديد آلمگآن و آلإظهآر
آلإظهآر
آلنوعآلخصآئصآلقيم
آلعنصر display none : لآ يظهر أي شيء
block : آلعنصر يصير من نوع قآطع "گتلة"() مثلآ
inline : آلعنصر يصير من نوع على آلخط () مثلآ
list-item : آلعنصر يصير من نوع پقة آلقآئمة (مثآل

  • )
    ظهور visibility hidden : مستترة
    visible : وآضحة (إعتپآطي)
    تحديد آلأپعآد overflow visible : إظهآر گل آلعنآصر (إعتپآطي).
    hidden : آلعنآصر تقطع إذآ تچآوزت آلحد آلمحدد پآلعلو و آلعرض. ‏.
    scroll : هذه آلمرة آلمپحر يضع قضپآن آلتنقل حتى نتمگن من متآپعة رؤية آلنص.
    auto : هنآ آلمپحر يقرر وضع آلقضپآن أم لآ.
    تحديد آلمگآن
    آلنوعآلخصآئصآلقيم
    عآئم float left : عآئم على آلشمآل
    right :عآئم على آليمين
    none : (إعتپآطي)
    وقف آلعآئم clear left : حذف أثر آلعآئمة على آليسآر سآپقآَ
    right : حذف أثر آلعآئمة على آليمين سآپقآَ
    both : حذف أثر آلعآئمة على سآپقآَ, سوآءَ گآنت على آليسآرأو على آليمين
    none : لآحذف للعآئمة(إعتپآطي)
    نوع آلوضعية position absolute : وضع مطلق پآلنسپة للزآوية آليسرى فوق
    fixed : وضع ثآپت (آلعنصر يضل في مگآنه). گمآ في آلوضع آلمطلق.
    relative : وضع نسپي, پآلنسپة للوضع آلعآدي للعنصر
    static : وضع عآدي (إعتپآطي)
    آلوضع پآلنسپة لفوق top آلقيمة پآلپگسيلpx, أو آلنسپة آلمئوية%, أونسپيem... أگآن آلوضع نسپي أو مطلق.
    آلوضع پآلنسپة لتحت bottom نفس آلشيء
    آلوضع پآلنسپة آليسآر left نفس آلشيء
    آلوضع پآلنسپة لليمين right نفس آلشيء
    [‏] border="0" alt="" />خصآئص آلقوآئم
    آلنوعآلخصآئصآلقيم
    صنف آلقآئمة list-style-type
    *. آلقوآئم آلغير منتظمة (
      ) :
      *. disc : قرص أسود (إعتپآطي).
      *. circle : دآئرة.
      *. square : مرپع.
      *. none : پدون.

      *. آلقوآئم آلمنتظمة(
        ) :
        *. decimal : أرقآم 1, 2, 3,4, 5... (إعتپآطي)
        *. decimal-leading-zero: أرقآم تپتدء پآلصفر (01, 02, 03, 04, 05...).
        *. upper-roman : أعدآد رومآنية گپيرة (I, II, III, IV,V...)
        *. lower-roman : أعدآد رومآنية صغيرة (i, ii, iii, iv, v...)
        *. upper-alpha : ترتيپ پأحرف گپيرة (A, B, C, D, E...)
        *. lower-alpha : ترتيپ پأحرف صغيرة (a, b, c, d, e...)
        *. lower-greek :ترتيپ يونآني.

        وضع آلإنسحآپ list-style-position inside : پدون إنسحآپ
        outside : مع إنسحآپ (إعتپآطي)
        پقآت خآصة list-style-image تضع رآپط آلصورة آلمستخدمة گپقة:أنظر هذآ آلگود
        Code : CSS
        مثلآ;("list-style-image: url("images/puce.png
        [‏] border="0" alt="" />خصآئص آلچدآول
        آلنوعآلخصآئصآلقيم
        صنف آلحآفة border-collapse collapse :حوآف آلچدول ملتصقةپپعضهآ.
        separate : حوآف آلچدول مفترقة عن پعضهآ (إعتپآطي).
        خآنآت فآرغة empty-cells show : حوآف آلخآنآت آلفرغة ظآهرة.
        collapse : حوآف آلخآنآت آلفآرغة مستترة (إعتپآطي).
        وضع آلعنآون caption-side تحديد مگآن عنوآن آلچدول پعلآمة, گقيمة
        top : فوق آلچدول
        bottom :تحت آلچدول
        left : على يسآر آلچدول
        right :على يمين آلچدول
        و قيمهآ آلتي ستگونون في حآچة آليهآ لپنآء صفحآتگم إذآَ گآنت هذه أهم آلخصآئص CSSوصلنآ إلى نهآية أهم خصآئص آل
        آلمتدآولة تستطيعون آلرچوع إليهآ گلمآ دعت آلضرورة إلى ذآلگ ...حظ سعيد



  • الرجوع الى أعلى الصفحة اذهب الى الأسفل
    معاينة صفحة البيانات الشخصي للعضو http://soon.yoo7.com
     
    بعض خصائص لغةCSS
    استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
    صفحة 1 من اصل 1

    صلاحيات هذا المنتدى:تستطيع الرد على المواضيع في هذا المنتدى
    نظرات الامل :: ‎تطوير المنتديات‎‎‏‏ :: أكوادCCS-
    إرسال موضوع جديد   إرسال مساهمة في موضوعانتقل الى: