أحدث البرامج التعليمية وتطوير الشبكة
×

CSS مرجع

CSS مرجع CSS محددات CSS وظائف CSS إشارة أورال CSS الخطوط الآمن على شبكة الإنترنت CSS Animatable CSS وحدات CSS PX-EM محول CSS الألوان CSS اللون القيم CSS3 دعم المتصفح

CSS الخصائص

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

CSS المرجعي

❮ w3ii الرئيسية التالي المرجعي ❯

ملحوظة يتم اختبار w3ii "إشارة CSS بانتظام مع جميع المتصفحات الرئيسية.

خصائص CSS

المجموعات الملكية CSS


و "CSS" يشير العمود في أي إصدار CSS يتم تعريف الملكية (CSS1, CSS2, or CSS3) .

خصائص اللون

خاصية وصف CSS
color يحدد لون النص 1
opacity يحدد مستوى التعتيم على عنصر 3

خصائص الخلفية والحدود

خاصية وصف CSS
background خاصية الاختزال لوضع كافة الخصائص الأساسية في إعلان واحد 1
background-attachment يحدد ما إذا تم إصلاح صورة خلفية أو مخطوطات مع بقية الصفحة 1
background-blend-mode تحدد طريقة مزج كل طبقة الخلفية (color/image) 3 
background-color تحدد لون خلفية عنصر 1
background-image يحدد واحدة أو أكثر من الصور الخلفية لعنصر 1
background-position تحديد موضع صورة خلفية 1
background-repeat يحدد كيف سيتم تكرار صورة الخلفية 1
background-clip تحدد منطقة اللوحة الخلفية 3
background-origin تحدد إلى أين خلفية image(s) هو / متوضعة 3
background-size يحدد حجم خلفية image(s) 3
border يحدد كل خصائص الحدود في إعلان واحد 1
border-bottom يحدد كل خصائص الحدود السفلية في إعلان واحد 1
border-bottom-color يحدد لون الحد السفلي 1 
border-bottom-left-radius يحدد شكل الحدود من الزاوية اليسار من الأسفل 3
border-bottom-right-radius يحدد شكل الحدود من أسفل الزاوية اليمنى 3
border-bottom-style يحدد أسلوب الحد السفلي 1
border-bottom-width يحدد عرض الحد السفلي 1
border-color يحدد لون الحدود الأربعة 1
border-image خاصية الاختزال لوضع كافة الخصائص * الحدود -الصورة 3
border-image-outset يحدد المبلغ الذي يمتد على مساحة الصورة الحدود خارج مربع الحدود 3
border-image-repeat يحدد ما إذا كانت الصورة الحدود ينبغي أن يتكرر، تقريب أو تمدد 3
border-image-slice تحدد كيفية شريحة الصورة الحدود 3
border-image-source وتحدد المسار إلى صورة لاستخدامها الحدود 3
border-image-width يحدد بعرض صورة للحدود 3
border-left يحدد كل خصائص الحد الأيسر في إعلان واحد 1
border-left-color يحدد لون الحد الأيسر 1
border-left-style يحدد أسلوب الحد الأيسر 1
border-left-width يحدد عرض الحد الأيسر 1
border-radius خاصية الاختزال لوضع كل الحدود الأربعة - * - خصائص دائرة نصف قطرها 3
border-right يحدد كل خصائص الحدود الصحيحة في إعلان واحد 1
border-right-color يحدد لون الحد الأيمن 1
border-right-style يحدد أسلوب الحد الأيمن 1
border-right-width يحدد عرض الحد الأيمن 1
border-style يحدد نمط من الحدود الأربعة 1
border-top يحدد جميع كبار خصائص الحدود في إعلان واحد 1
border-top-color يحدد لون الحد العلوي 1
border-top-left-radius يحدد شكل الحدود من الزاوية العلوية اليسرى 3
border-top-right-radius يحدد شكل الحدود من الزاوية العلوية اليمنى 3
border-top-style يحدد أسلوب الحد العلوي 1
border-top-width يحدد عرض الحد العلوي 1
border-width تعيين عرض الحدود الأربعة 1
box-decoration-break يحدد سلوك الخلفية والحدود عنصر في الصفحة انقطاع، أو لعناصر في الخط، في خط كسر. 3
box-shadow وتعلق واحد أو أكثر انخفاض الظلال إلى مربع 3

خصائص مربع الأساسية

خاصية وصف CSS
bottom يحدد الموقف السفلي من عنصر وضعه 2
clear يحدد أي من جانبي عنصر حيث لا يسمح للعناصر العائمة الأخرى 1
clip مقاطع عنصر وضعه على الاطلاق 2
display يحدد كيف يجب أن يتم عرض عنصر HTML معين 1
float تحديد ما إذا كان أو لم يكن مربع يجب أن تطفو 1
height يحدد ارتفاع عنصر 1
left يحدد موضع الأيسر من عنصر وضعه 2
margin يحدد كل خصائص هامش في إعلان واحد 1
margin-bottom يحدد الهامش السفلي من عنصر 1
margin-left يحدد الهامش الأيسر من عنصر 1
margin-right يحدد الهامش الأيمن من عنصر 1
margin-top يحدد الهامش العلوي من عنصر 1
max-height يحدد الحد الأقصى لارتفاع عنصر 2
max-width يحدد الحد الأقصى لعرض عنصر 2
min-height يحدد الحد الأدنى لارتفاع عنصر 2
min-width يحدد الحد الأدنى لعرض عنصر 2
overflow
يحدد ماذا يحدث إذا كان المحتوى تجاوزات مربع عنصر ل 2
overflow-x تحديد ما إذا كان أو لم يكن لكليب اليسار حواف / يمين من المحتوى، وإذا كان يفيض مجال المحتوى على العنصر 3
overflow-y تحديد ما إذا كان أو لم يكن لمقطع الحواف العلوية / السفلية للمحتوى، إذا كان يفيض مجال المحتوى على العنصر 3
padding يحدد كل خصائص الحشو في إعلان واحد 1
padding-bottom مجموعات الحشو السفلي من عنصر 1
padding-left مجموعات الحشو الأيسر من عنصر 1
padding-right مجموعات الحشو الأيمن من عنصر 1
padding-top مجموعات الحشو العلوي من عنصر 1
position يحدد نوع من طريقة لتحديد المواقع تستخدم لعنصر (ثابت، قريب، مطلقة أو ثابتة) 2
right تحديد الموقف الصحيح من عنصر وضعه 2
top يحدد موضع العلوي من عنصر وضعه 2
visibility تحديد ما إذا كان أو لم يكن عنصرا مرئيا 2
width يحدد عرض عنصر 1
vertical-align يحدد المحاذاة العمودية عنصر 1
z-index يحدد ترتيب كومة من عنصر وضعه 2

مرونة صندوق تخطيط

خاصية وصف CSS
align-content يحدد المحاذاة بين السطور داخل حاوية مرنة عندما العناصر لا تستخدم كل المساحة المتاحة 3
align-items يحدد المحاذاة لعناصر داخل حاوية مرنة 3
align-self يحدد المحاذاة لالعناصر المحددة داخل حاوية مرنة 3
flex يحدد طول هذا البند، نسبة إلى بقية 3
flex-basis يحدد طول الأولي من عنصر مرن 3
flex-direction يحدد اتجاه العناصر المرنة 3
flex-flow خاصية الاختزال ل-الاتجاه المرن وخصائص المرن الختامية 3
flex-grow يحدد مقدار هذا البند سوف تنمو نسبة إلى بقية 3
flex-shrink تحدد كيفية البند سينكمش بالنسبة لبقية 3
flex-wrap يحدد ما إذا كانت العناصر المرنة يجب التفاف أو لا 3
justify-content يحدد المحاذاة بين العناصر داخل حاوية مرنة عندما العناصر لا تستخدم كل المساحة المتاحة 3
order يحدد ترتيب العنصر المرن، نسبة إلى بقية 3

خصائص النص

خاصية وصف CSS
hanging-punctuation تحديد ما إذا كان قد وضعها حرف الترقيم خارج المربع سطر 3
hyphens يحدد كيفية تقسيم الكلمات إلى تحسين تخطيط الفقرات 3
letter-spacing يزيد أو يقلل من المسافة بين الأحرف في النص 1
line-break يحدد كيف / إذا لكسر خطوط 3
line-height تحدد ارتفاع الخط 1
overflow-wrap تحديد ما إذا كان أو لم يكن المتصفح قد كسر خطوط داخل الكلمات من أجل منع تجاوز (عندما سلسلة طويلة جدا لتناسب صندوق يحتوي الخاصة به) 3
tab-size يحدد طول حرف التبويب 3
text-align يحدد المحاذاة الأفقية النص 1
text-align-last يصف كيف يتم محاذاة السطر الأخير من كتلة أو حق السطر قبل انقطاع خط القسري عند محاذاة النص هو "justify" 3
text-combine-upright يحدد تركيبة من الأحرف متعددة في الفضاء من حرف واحد 3
text-indent يحدد المسافة البادئة للسطر الأول في كتلة النص 1
text-justify يحدد طريقة تبرير استخدامها عند محاذاة النص هو "justify" 3
text-transform تسيطر على رسملة النص 1
white-space تحدد كيفية التعامل مع الفضاء الأبيض داخل عنصر 1
word-break يحدد خط قواعد كسر للمخطوطات غير كجك، 3
word-spacing يزيد أو يقلل من مسافة بين الكلمات في النص 1
word-wrap يسمح طويلة، والكلمات غير قابلة للكسر لا بد من كسرها والتفاف إلى السطر التالي 3

خصائص النص الديكور

خاصية وصف CSS
text-decoration يحدد اضاف الديكور إلى نص 1
text-decoration-color تحدد لون النص الزينة 3
text-decoration-line يحدد نوع الخط في النص الديكور 3
text-decoration-style يحدد النمط من الخط في زخرفة النص 3
text-shadow ويضيف الظل إلى نص 3
text-underline-position يحدد موضع التسطير الذي تم تعيين باستخدام الخاصية النص الديكور 3

خصائص الخط

خاصية وصف CSS
@font-face وهناك قاعدة تسمح المواقع لتحميل واستخدام الخطوط الأخرى من "web-safe" الخطوط 3
@font-feature-values يسمح الكتاب لاستخدام اسم شائع في الخط البديل، البديل لميزة تنشيط مختلف في أوبن 3
font يحدد كل خصائص الخط في إعلان واحد 1
font-family يحدد عائلة الخط للنص 1
font-feature-settings يسمح السيطرة على ميزات مطبعي المتقدمة في الخطوط أوبن 3
font-kerning تسيطر على استخدام المعلومات تقنين (how letters are spaced) 3
font-language-override يتحكم في استخدام رموزا بلغة معينة في محرف 3
font-size يحدد حجم الخط في النص 1
font-size-adjust يحافظ على قراءة النص عندما يحدث تراجع الخط 3
font-stretch يختار طبيعي، مكثف، أو الوجه موسع من عائلة الخط 3
font-style يحدد نمط الخط للنص 1
font-synthesis الضوابط التي مفقود المحارف (bold or italic) يمكن توليفها من قبل المتصفح 3
font-variant تحدد ما إذا كان ينبغي أو لا ينبغي عرض النص في الخط قبعات صغيرة 1
font-variant-alternates يتحكم في استخدام رموزا بديلة المرتبطة الأسماء البديلة المحددة في الخط ميزة القيم @ 3
font-variant-caps يتحكم في استخدام رموزا بديلة للحروف 3
font-variant-east-asian يتحكم في استخدام رموزا بديلة للمخطوطات شرق آسيا (مثل اليابانية والصينية) 3
font-variant-ligatures الضوابط التي تستخدم الحروف المركبة والأشكال السياقية في مضمون النص من العناصر التي تنطبق على 3
font-variant-numeric يتحكم في استخدام رموزا بديلة للأرقام، والكسور، وعلامات ترتيبي 3
font-variant-position يتحكم في استخدام رموزا بديلة لحجم أصغر وضع كما مرتفع أو منخفض بشأن خط الأساس من الخط 3
font-weight يحدد وزن الخط 1

خصائص وسائط الكتابة

خاصية وصف CSS
direction تحدد اتجاه النص / الكتابة الاتجاه 2
text-orientation يحدد اتجاه النص في خط 3
text-combine-upright يحدد تركيبة من الأحرف متعددة في الفضاء من حرف واحد 3
unicode-bidi تستخدم جنبا إلى جنب مع الاتجاه الملكية لتعيين أو العودة إذا كان ينبغي تجاوز النص لدعم لغات متعددة في نفس الوثيقة 2
writing-mode3

خصائص الجدول

خاصية وصف CSS
border-collapse تحدد ما إذا كان ينبغي أو لا ينبغي انهار حدود الجدول 2
border-spacing يحدد المسافة بين حدود الخلايا المجاورة 2
caption-side يحدد وضع توضيحية الجدول 2
empty-cells تحديد ما إذا كان أو لم يكن أحد لعرضهم الحدود والخلفية على الخلايا الفارغة في جدول 2
table-layout يحدد خوارزمية تخطيط لاستخدامها للحصول على طاولة 2

قوائم وخصائص عدادات

خاصية وصف CSS
counter-increment زيادات واحد أو أكثر من العدادات 2
counter-reset يخلق أو يعيد واحد أو أكثر من العدادات 2
list-style يحدد كل خصائص قائمة في إعلان واحد 1
list-style-image يحدد صورة كقائمة البند علامة 1
list-style-position يحدد إذا يجب أن تظهر علامات قائمة البند داخل أو خارج تدفق المحتوى 1
list-style-type يحدد نوع القائمة البند علامة 1

خصائص الرسوم المتحركة

خاصية وصف CSS
@keyframes يحدد قانون الرسوم المتحركة 3
animation خاصية الاختزال لجميع خصائص الرسوم المتحركة (باستثناء الرسوم المتحركة اللعب للدولة والرسوم المتحركة ملء واسطة) 3
animation-delay يحدد مهلة لبدء الرسوم المتحركة 3
animation-direction تحدد ما إذا كان يجب أن تلعبه الرسوم المتحركة في الاتجاه المعاكس على دورات بديلة 3
animation-duration يحدد عدد الثواني أو مللي ثانية يأخذ الرسوم المتحركة لإكمال دورة واحدة 3
animation-fill-mode يحدد نمط للعنصر عندما لا يلعب الرسوم المتحركة (when it is finished, or when it has a delay) 3
animation-iteration-count يحدد عدد المرات التي يجب أن تقوم على الرسوم المتحركة 3
animation-name يحدد اسم الرسوم المتحركةkeyframes 3
animation-play-state يحدد ما إذا كانت الرسوم المتحركة يتم تشغيل أو توقف 3
animation-timing-function يحدد منحنى سرعة للرسوم المتحركة 3

تحويل خصائص

خاصية وصف CSS
backface-visibility يحدد ما إذا كان عنصر يجب أن يكون مرئيا عندما لا تواجه الشاشة 3
perspective يحدد وجهة نظر حول كيفية عناصر 3D ينظر 3
perspective-origin يحدد الموقف السفلي من عناصر 3D 3
transform وينطبق هذا التحول 2D أو 3D إلى عنصر 3
transform-origin يسمح لك بتغيير موقفها من العناصر حولت 3
transform-style تحدد كيفية عناصر متداخلة يتم تقديمها في الفضاء 3D 3

خصائص التحولات

خاصية وصف CSS
transition خاصية الاختزال لتحديد خصائص انتقال أربعة 3
transition-property يحدد اسم الخاصية CSS تأثير الانتقالية ل 3
transition-duration يحدد عدد الثواني أو مللي ثانية يأخذ تأثير انتقال إلى استكمال 3
transition-timing-function يحدد منحنى سرعة تأثير انتقال 3
transition-delay يحدد متى سيبدأ تأثير انتقال 3

خصائص واجهة المستخدم الأساسية

خاصية وصف CSS
box-sizing تخبر المتصفح ما خصائص التحجيم (width and height) وينبغي أن تتضمن 3
content تستخدم مع: قبل و: بعد عناصر الزائفة، لإدراج المحتوى المقدم 2
cursor يحدد نوع المؤشر للظهور 2
ime-mode تسيطر حالة محرر أسلوب الإدخال لحقول النص 3
nav-down تحدد مكان للتنقل عند استخدام مفتاح التنقل السهم لأسفل 3
nav-index يحدد ترتيب الجدولة للعنصر 3
nav-left تحدد مكان للتنقل عند استخدام مفتاح التنقل يسار السهم 3
nav-right تحدد مكان للتنقل عند استخدام مفتاح الملاحة السهم الأيمن 3
nav-up تحدد مكان للتنقل عند استخدام مفتاح التنقل السهم حتى 3
outline يحدد كل خصائص الخطوط العريضة في إعلان واحد 2
outline-color يحدد لون مخطط 2
outline-offset إزاحة الخطوط العريضة، وتوجه إلى ما وراء حافة الحدود 3
outline-style يحدد نمط مخطط 2
outline-width يحدد عرض الخطوط العريضة 2
resize تحديد ما إذا كان أو لم يكن العنصر يمكن تغيير حجم من قبل المستخدم 3
text-overflow يحدد ما يجب أن يحدث عندما يفيض النص عنصر يحتوي على 3

خصائص تخطيط عمود متعددة

خاصية وصف CSS
break-after يحدد صفحة المكان، column-، أو السلوك كسر المنطقة بعد مربع ولدت 3
break-before يحدد صفحة المكان، column-، أو السلوك كسر المنطقة قبل مربع ولدت 3
break-inside يحدد صفحة المكان، column-، أو السلوك كسر منطقة داخل منطقة الجزاء ولدت 3
column-count يحدد عدد الأعمدة يجب تقسيم عنصر في 3
column-fill يحدد كيفية تعبئة الأعمدة 3
column-gap تحديد الفجوة بين الأعمدة 3
column-rule خاصية الاختزال لوضع كافة الخصائص * عمود rule- 3
column-rule-color يحدد لون سيادة بين الأعمدة 3
column-rule-style يحدد أسلوب الحكم بين الأعمدة 3
column-rule-width يحدد عرض حكم بين الأعمدة 3
column-span يحدد عدد الأعمدة عنصر يجب أن تمتد عبر 3
column-width يحدد عرض الأعمدة 3
columns خاصية الاختزال لوضع العمود العرض والعمود العد 3
widows يحدد الحد الأدنى لعدد الخطوط التي يجب أن تترك في الجزء العلوي من الصفحة عند حدوث فاصل صفحات داخل عنصر 2

المقسم إلى صفحات وسائل الإعلام

خاصية وصف CSS
orphans يحدد الحد الأدنى لعدد الخطوط التي يجب أن تترك في الجزء السفلي من الصفحة عند حدوث فاصل صفحات داخل عنصر 2
page-break-after يحدد السلوك كسر الصفحة بعد عنصر 2
page-break-before يحدد السلوك كسر الصفحة قبل عنصر 2
page-break-inside يحدد السلوك كسر صفحة داخل عنصر 2

المحتوى إنشاؤها من أجل المقسم وسائل الإعلام

خاصية وصف CSS
marks ويضيف المحاصيل و / أو علامات مرجعية إلى وثيقة 3
quotes يحدد نوع من علامات الاقتباس لاقتباسات جزءا لا يتجزأ من 2

تصفية آثار خصائص

خاصية وصف CSS
filter وتعرف الآثار (eg blurring or color shifting) على عنصر قبل عرض العنصر 3

قيم الصورة والمحتوى استبدال

خاصية وصف CSS
image-orientation يحدد التناوب في اليمين أو في اتجاه عقارب الساعة الاتجاه إلى أن عامل مستخدم ينطبق على صورة (هذه المنشأة السياحية من المرجح ستكون إهمال وانتقلت وظيفة لHTML) 3
image-rendering يعطي تلميحا لمتصفح عما جوانب صورة هي الأكثر أهمية للحفاظ عندما يتم تحجيم الصورة 3
image-resolution يحدد القرار لا يتجزأ من كل الصور النقطية المستخدمة في / على العنصر 3
object-fit يحدد كيفية محتويات عنصر استبدال يجب تركيبها على المربع الذي أنشأه ارتفاع استخدام وعرض 3
object-position تحدد محاذاة عنصر استبدال داخل علبته 3

اخفاء خصائص

خاصية وصف CSS
mask3
mask-type3

خصائص الكلام

خاصية وصف CSS
mark خاصية الاختزال لتحديد خصائص تسبق علامة وعلامة بعد 3
mark-after يسمح علامات اسمه أن تعلق على بث الصوت 3
mark-before يسمح علامات اسمه أن تعلق على بث الصوت 3
phonemes تحدد النطق الصوتي للنص الوارد من قبل العنصر المطابق 3
rest خاصية الاختزال لوضع مسند قبل وبقية بعد خصائص 3
rest-after تحدد قسطا من الراحة أو حدود prosodic التي يتعين مراعاتها بعد أن تحدث محتوى عنصر ل 3
rest-before تحدد قسطا من الراحة أو حدود prosodic التي يتعين مراعاتها قبل التحدث محتوى عنصر ل 3
voice-balance يحدد التوازن بين القنوات اليسار واليمين 3
voice-duration يحدد المدة التي يجب اتخاذها لتقديم محتوى العنصر المحدد 3
voice-pitch يحدد متوسط الملعب (a frequency) من صوت يتحدث 3
voice-pitch-range يحدد الاختلاف في متوسط ​​الملعب 3
voice-rate يتحكم في معدل يتحدث 3
voice-stress يدل على قوة التركيز ليتم تطبيقها 3
voice-volume يشير إلى اتساع الموجي الناتج من يولف خطاب 3

خصائص سرادق

خاصية وصف CSS
marquee-direction يحدد اتجاه المحتوى المتحرك 3
marquee-play-count مجموعات عدد المرات التي تحرك المحتوى 3
marquee-speed يحدد مدى سرعة تمرير المحتوى 3
marquee-style يحدد نمط من المحتوى المتحرك 3

❮ w3ii الرئيسية التالي المرجعي ❯