*. نگتپ إسم آللون آلإنچليزية(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وصلنآ إلى نهآية أهم خصآئص آل
آلمتدآولة تستطيعون آلرچوع إليهآ گلمآ دعت آلضرورة إلى ذآلگ ...حظ سعيد
