الاثير شو الاثير شو
recent

آخر الأخبار

recent
جاري التحميل ...

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

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
  
أقدم لكم  مجموعة عناصر css مع الشرح   . . تصميم مواقع

* كل عناصر 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 ينتقل العنصر الي اليمين




عن الكاتب

alathir shw

التعليقات


اتصل بنا

إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

جميع الحقوق محفوظة

الاثير شو