مجموعة عناصر css مع الشرح

مجموع عناصر لغة css

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

أهلا بكم في مدونة المبرمجين
  

أقدم لكم  مجموعة عناصر css مع الشرح   . 

* كل عناصر css مدرجة هنا، ,حيث أن خصائصها وشرح لها مرتبة في جدول.

جميع عناصر css

العنصر	الوظيفة
Background-color	تضع لون الخلفية
Background-image	تضع صورة في الخلفية
:- Background-repeat	لتكرار الصورة افقى او رأسى
Repeat-x	لتكرار الافقي
Repeat-y	لتكرار الرأسي
No-repeat	عدم تكرار الصورة
:- Background-attachment	تحریك الخلفیة مع المحتوى ام ثبوتھا
Scroll	تحريك الخلفية مع المحتوي
Fixed	الخلفية ثابتة
Local	تتحرك الخلفية مع محتوي عناصرها
:- Background-position	لتحدید مكان الخلفیة
Left top	تضع الخلفية اعلي اليسار
Left center	تضع الخلفية اوسط اليسار
Left bottom	تضع الخلفية اسفل اليسار
Right top	تضع الخلفيةاعلي اليمين
Right center	تضع الخلفية اوسط اليمين
Right bottom	تضع الخلفية اسفل اليمين
Center top	تضع الخلفية اعلي الوسط
Center center	تضع الخلفية اوسط الوسط
bottom Center	تضع الخلفيةاسفل الوسط
X% y%	لتحدید النسبة المئوية لوضعية الخلفية من الافقي والراسي
X px y px	لتحدي وضعية الخلفية عن طريق px
:- Text	التحكم في تنسيق النصوص
color	لتغير لون الخط
:- Direction	لتحديد اتجاه الكتابة
ltr	اتجاه الكتابة من اليسار الي اليمن
rtl	اتجاه الكتابة من اليمين الي اليسار
:- Letter-spacing	لزیادة او تقلیل الفراغات بین الحروف
normal	لا يوجد فراغات بين الحروف
length	تحديد قيمة بالفراغ السالب او الموجب
:- Line-height	تحديد ارتفاع الخط
normal	الارتفاع عادي القيمة الافتراضية
length	ضع الارتفاع باستخدام ارقام
number	قیمة الارتفاع الرقم حجم الخط الان
%	استخدم النسبة المئویة لتحدید الارتفاع
:- Text-align	تحديد مكان النص افقيا
left	يكون النص باليسار
right	يكون النص باليمين
center	يكون النص بالوسط
justify	تمدد السطور بحيث يكون لكل كلمة عرض متساوي
:- Text-decoration	تحديد التزين المضاف للنص
none	ليس هناك تزيين يضاف الي النص
overline	الخط فوق النص
underline	اضافة خط تحت النص
linethrough	الخط علي الكلمة شطب
Line-indent	اضافة مسافة قبل اول سطر فى الفقرة
:- Text-shadow	اضافة ظل للنص
nono	لايوجد ظل
h-shadow v-shadow	قیمة الظل بالاتجاه الافقى  قمية الظل بالاتجاه الرأسي
Blur-raduis	قطر الظل
color	لون الظل
:- Text-transform	تكبیر الحروف الصغیرة فى الانجلیزیة
nono	لا تكبير
Capitalize	تحویل اول حرف فى الكلمة الى كبیرة
Uppercase	تحویل الحروف كلھا الى كبیرة
lowercase	تحویل الحروف كلھا الى صغیرة
:- Unicode-bidi	قلب اتجاه الحروف
Normal	یبقى الاتجاه المحدد كما ھو
Bidi-override	قلب الحروف حسب الاتجاه
:- align-Vertical	المحاذاة الرأسیة لنص معین
baseline	یكون النص بمحاذاة السطر التابع لھا
top	یكون ھنا اعلى من اعلى عنصر بالسطر
sub	یكون النص اسفل النص وتابع لھا
super	النص اعلى من اعلى عنصر بالسطر
lenght	اضافة النسبة المئوية بالسالب او الموجب
Text-top	تسویة اعلى النص مع اعلى عنصر فى السطر
middle	وضع النص فى نصف المسافة
Text-bottom	تسوية اسفل النص مع اسفل السطر
:- White-spacing	المسافة البیضاء داخل عنصر معین
normal	تتنقل الكتابة الى سطر جدید عن اكتمال السطر
nowrap	لا تنتقل ابدا الى سطر جدید قبل اضافة <br>
Pre-line	تنتقل الكتابة الى سطر جدید عندما یلزم الامر
Pre-wrap	سوف تكون ھناك مساحة یفترضھا المتصفح قبل الفقرة وتنتقل الي سطر جديد اذا لازم الامر
:- Word-spacing	زیادة او انقاص المسافة بین الكلمات
normal	القيمة الافتراضية
lenght	اضافة قيمة بعينة الارقام
-: Font	تععین خصائص الخط
Font-family	اضافة عائلة خطوط
Font-size	حجم الخط
:- Font-size	نمط الخط
normal	عرض الشكل العادي
Italic	الخط المائل
Font-variant	small-caps تجعل الخطوط
:- Font-weight	وزن الخط وتركيز الكتابة
bold	الخط الثقيل المعروف
value	اضافة قيمة للخط الخفيف والثقيل
-: links	تنسیق الروابط خط ، خلفیة
visited	تنسیق الروابط التى تم زیارتھا
hover	تنسیق الوقوف بالماوس على الرابط
active	التنسیق لحظة الضغط على الرابط
:-borders top-border حد من اعلي bottom-border حد من اسفل left-border حد من الشمال right-border حد من اليمين	اضافة الحدود وتنسیقھا ولتطبیق الحدود يجب تحديد حجمها ولونها واحد اشكال الحدود
dotted	شكل الحدود المنقط
dashed	شكل المتقطع
solid	شكل المتصل
groove & ridge	شكل تلاثي الابعاد وتختلف بالالوان
inset & outset	شكل تلاثي الابعاد لداخل حسب اللون
:- Margin top-Margin محاذاة من الاعلي Margin-bottom محاذاة من الاسفل right-Marign محاذاة من يمين Marign-lef محاذاة من يسار	هواميش خارجية محاذاه العنصر من الخارج من الیمین او اليسار او الاعلي او الاسفل
auto	یضع المتصفح قیمة افتراضیة
lenght	ضع قيمة معينة ب px
:- Padding Padding-right محاذاة يمين Padding-left محاذاة يسار Padding-top محاذاة اعلى Padding-bottom محاذاة اسفل	هوامش داخلية  لعمل محاذاة للعنصر من الداخل اى من داخل حدود التي يقع بيها العناصر
lenght	ضع قيمة معينة ب px
:- Dimentions	لوضع قیم ابعاد عنصر معین
height	طول العنصر
Max-height	اقصي قيمة لطول عنصر
Min-height	اقل قيمة لطول عنصر
width	عرض العنصر
Max-width	اقصي عرض لعنصر ما
Min-width	اقل عرض عنصر
:- Display	توضح اذا ما كان سیتم عرض العنصر وكيف يتم ذلك والقيم الافتراضية تكون block وا inline
none	لاخفاء العناصر
inline	یتم عرض العناصر بجانب بعضھا
block	یتم عرض العناصر تحت بعضھا
Visibility: hidden;	لاخفاء العنصر
:- Position	التحكم فى موضع العنصر
static	وضعھا ھو نفس وضع بقیة الصفحة
relative	یكون العنصر فى الوضع العادى
absolute	یكون متعلق بأقرب جد لھ موضع محدد
fixed	یبقى العنصر فى نفس المكان حتى عند تحريك الصفحة
Float	یتم انتقال العنصر كلیا الى المكان المطلو مثلا left ينتقل العنصر الي اليسار و right ينتقل العنصر الي اليمين