�ݺ�ߣ

Common web
design
Terminology
Web Design
Application
Abeer Hasanin
2019

CSS ‫هامش‬ ‫'ائص‬''''‫ص‬‫خ‬ ‫'دام‬''''‫خ‬'''''‫ت‬‫اس‬ ‫'م‬''''‫ت‬‫ي‬
‫أي‬ ‫خارج‬ ، ‫'اصر‬‫ن‬'‫ع‬‫ال‬ ‫حول‬ ‫'احة‬‫س‬‫م‬ ‫'اء‬‫ش‬‫إلن‬
.‫محددة‬ ‫حدود‬
‫'ى‬''‫ل‬‫ع‬ ‫'ة‬''‫ل‬‫'ام‬''‫ك‬‫ال‬ ‫'رة‬‫ط‬'''‫ي‬'''‫س‬‫ال‬ ‫لديك‬ ، CSS ‫مع‬
‫'امش‬‫ه‬‫ال‬ ‫'ني‬‫ي‬'‫ع‬'‫ت‬‫ل‬ ‫'ائص‬‫ص‬‫خ‬ ‫توجد‬ .‫الهوامش‬
، ‫'ني‬''‫م‬‫ي‬ ، ‫'ى‬''‫ل‬‫(أع‬ ‫'ر‬''‫ص‬'''‫ن‬'''‫ع‬‫ال‬ ‫من‬ ‫جانب‬ ‫'ل‬''‫ك‬‫ل‬
.)‫ولليسار‬ ، ‫أسفل‬
Margin

Padding
:‫بقيمة‬ ‫عنها‬ ‫يعبر‬ ‫ان‬ ‫يمكن‬
px
‫واي‬ ‫والكتابات‬ ‫الصور‬ ‫علي‬ ‫تطبق‬ ‫ان‬ ‫يكمن‬
‫الصفحة‬ ‫داخل‬ ‫عنصر‬

Bottom margin
‫لعنصر‬ ‫السفلي‬ ‫الهامش‬ ‫يضبط‬
Left margin
‫لعنصر‬ ‫األيسر‬ ‫الهامش‬ ‫يضبط‬
Right margin
‫لعنصر‬ ‫األيمن‬ ‫الهامش‬ ‫يضبط‬
Top margin
‫لعنصر‬ ‫العلوي‬ ‫الهامش‬ ‫يضبط‬
Margin

Padding

Padding CSS
‫الخصائص‬ ‫تلك‬ ‫تستخدم‬
.‫عنصر‬ ‫محتوى‬ ‫حول‬ ‫مساحة‬ ‫إلنشاء‬
‫لكل‬ ‫املتروكة‬ ‫املساحة‬ ‫لتعيني‬ ‫خصائص‬ ‫توجد‬
، ‫أسفل‬ ، ‫يمني‬ ، ‫)أعلى‬ ‫العنصر‬ ‫من‬ ‫جانب‬
‫)ولليسار‬
Margin

Padding
:‫بقيمة‬ ‫عنها‬ ‫يعبر‬ ‫ان‬ ‫يمكن‬
px

‫لتحديد‬ ‫خصائص‬ ‫على‬ CSS ‫يحتوي‬
‫من‬ ‫جانب‬ ‫لكل‬ ‫املتروكة‬ ‫املساحة‬
Bottom Padding:‫العناصر‬
‫لعنصر‬ ‫السفلي‬ ‫الهامش‬ ‫يضبط‬
Left Padding
‫لعنصر‬ ‫األيسر‬ ‫الهامش‬ ‫يضبط‬
Right Padding
‫لعنصر‬ ‫األيمن‬ ‫الهامش‬ ‫يضبط‬
Top Padding
‫لعنصر‬ ‫العلوي‬ ‫الهامش‬ ‫يضبط‬
Margin

Padding

‫لتحديد‬ ‫العائمة‬ ‫الخاصية‬ ‫استخدام‬ ‫يتم‬
‫صورة‬ ‫اترك‬ .‫مثل‬ ، ‫املحتوى‬ ‫وتنسيق‬ ‫املواقع‬
.‫حاوية‬ ‫في‬ ‫النص‬ ‫في‬ ‫اليسار‬ ‫إلى‬ ‫تطفو‬
CSS
Layout
-
float

clear
‫التي‬ ‫العناصر‬ clear CSS ‫الخاصية‬ ‫تحدد‬
‫العنصر‬ ‫بجانب‬ ‫تسطف‬ ‫او‬ ‫تطفو‬ ‫أن‬ ‫يمكن‬
‫جانب‬ ‫أي‬ ‫وعلى‬ ‫تطهيره‬ ‫تم‬ ‫الذي‬

none
‫هو‬ ‫هذا‬ .‫الجانبني‬ ‫كال‬ ‫على‬ ‫الطافية‬ ‫للعناصر‬ ‫يسمح‬ -
‫االفتراضي‬
left
‫األيسر‬ ‫الجانب‬ ‫على‬ ‫متحركة‬ ‫بعناصر‬ ‫يسمح‬ ‫ ال‬ -
right
‫األيمن‬ ‫الجانب‬ ‫على‬ ‫العائمة‬ ‫بالعناصر‬ ‫يسمح‬ ‫ ال‬ -

both
‫األيمن‬ ‫الجانب‬ ‫أو‬ ‫اليسار‬ ‫على‬ ‫العائمة‬ ‫بالعناصر‬ ‫يسمح‬ ‫ال‬ -
‫الرئيسي‬ ‫للوالد‬ ‫الواضحة‬ ‫القيمة‬ ‫العنصر‬ ‫يرث‬ - ‫الوراثة‬
CSS
Layout
-
float

clear
‫أن‬ ‫يمكن‬ ‫التي‬ ‫العناصر‬ clear ‫الخاصية‬ ‫تحدد‬
‫وعلى‬ ‫تطهيره‬ ‫تم‬ ‫الذي‬ ‫العنصر‬ ‫بجانب‬ ‫تطفو‬
.‫جانب‬ ‫أي‬

‫الذي‬ ‫العنصر‬ ‫من‬ ‫أطول‬ ‫العنصر‬ ‫كان‬ ‫إذا‬
‫تجاوز‬ ‫فسيتم‬ ، ‫تعويمه‬ ‫ويتم‬ ، ‫عليه‬ ‫يحتوي‬
:‫به‬ ‫الخاصة‬ ‫الحاوية‬ ‫خارج‬
CSS
Layout
–
clearfix

‫لتعريف‬ HTML ‫فئة‬ ‫سمة‬ ‫استخدام‬ ‫يتم‬
‫اسم‬ ‫نفس‬ ‫لها‬ ‫التي‬ ‫للعناصر‬ ‫متساوية‬ ‫أنماط‬
.‫الفئة‬
CSS
Layout
–
Class
Class Attribute

�ݺ�ߣ

Terms on web site development

More Related Content

Terms on web site development