الفرق بين المراجعتين لصفحة: «CSS/Topics/Data Type»

من موسوعة حسوب
< CSS‏ | Topics
لا ملخص تعديل
 
طلا ملخص تعديل
 
سطر 4: سطر 4:
|-
|-
|<code>[[CSS/angle|angle]]</code>
|<code>[[CSS/angle|angle]]</code>
|نوع البيانات <code><angle></code> في CSS يستعمل لتمثيل القيم الزاويّة بالدرجات (degrees) أو بالغراد (grad) أو بالراديان (radians) أو بالدورات (turns)، ويمكن استخدام هذا النوع في التدرجات اللونية <code>[[CSS/gradient|<gradient>]]</code> وبعض دوال<code>[[CSS/transform|transform]]</code>.
|نوع البيانات <code><angle></code> في لغة CSS يستعمل لتمثيل القيم الزاويّة بالدرجات (degrees) أو بالغراد (grad) أو بالراديان (radians) أو بالدورات (turns)، ويمكن استخدام هذا النوع في التدرجات اللونية <code>[[CSS/gradient|<gradient>]]</code> وبعض دوال<code>[[CSS/transform|transform]]</code>.
|-
|-
|<code>[[CSS/blend-mode|blend-mode]]</code>
|<code>[[CSS/blend-mode|blend-mode]]</code>
|نوع البيانات <code><blend-mode></code> في CSS يستعمل لوصف كيف يجب أن تمتزج الألوان عند تداخل طبقات الخلفات مع بعضها بعضًا. فلكل بكسل من بكسلات الطبقة التي طُبِّق عليها نمط الامتزاج، فسيأخذ اللون من الخلفية ومن الأمامية، وستُجرى عملية حسابية عليه، ويُعاد لونٌ جديدٌ سيستخدم مكان تداخل الطبقات.
|نوع البيانات <code><blend-mode></code> في لغة CSS يستعمل لوصف كيف يجب أن تمتزج الألوان عند تداخل طبقات الخلفات مع بعضها بعضًا. فلكل بكسل من بكسلات الطبقة التي طُبِّق عليها نمط الامتزاج، فسيأخذ اللون من الخلفية ومن الأمامية، وستُجرى عملية حسابية عليه، ويُعاد لونٌ جديدٌ سيستخدم مكان تداخل الطبقات.
|-
|-
|[[CSS/color value|color value]]
|[[CSS/color value|color value]]
سطر 13: سطر 13:
|-
|-
|<code>[[CSS/custom-ident|custom-ident]]</code>
|<code>[[CSS/custom-ident|custom-ident]]</code>
|نوع البيانات <code><custom-ident></code> في CSS يستعمل لتمثيل المُعرِّفات (identifiers) التي أنشأها المستخدم، وهذا النوع حساس لحالة الأحرف، ولا يُسمَح باستخدام بعض القيم في مواضع معيّنة منعًا للالتباس.
|نوع البيانات <code><custom-ident></code> في لغة CSS يستعمل لتمثيل المُعرِّفات (identifiers) التي أنشأها المستخدم، وهذا النوع حساس لحالة الأحرف، ولا يُسمَح باستخدام بعض القيم في مواضع معيّنة منعًا للالتباس.
|-
|-
|<code>[[CSS/gradient|gradient]]</code>
|<code>[[CSS/gradient|gradient]]</code>
|نوع البيانات <code><gradient></code> في CSS هو نوعٌ خاصٌ من الصور <code>[[CSS/image|<image>]]</code> الذي يُمثِّل تدرجًا لونيًا بين لونين أو أكثر.
|نوع البيانات <code><gradient></code> في لغة CSS هو نوعٌ خاصٌ من الصور <code>[[CSS/image|<image>]]</code> الذي يُمثِّل تدرجًا لونيًا بين لونين أو أكثر.


أنواع البيانات الفرعية:
أنواع البيانات الفرعية:
سطر 25: سطر 25:
|-
|-
|<code>[[CSS/image|image]]</code>
|<code>[[CSS/image|image]]</code>
|نوع البيانات <code><image></code> في CSS يستعمل لتمثيل صورة ثنائية الأبعاد؛ وهنالك نوعان من الصور: الصور التقليدية التي يُشار إليها عادةً باستخدام رابط URL، والصور المولّدة ديناميكيًا، مثل التدرجات اللونية <code>[[CSS/gradient|<gradient>]]</code>.
|نوع البيانات <code><image></code> في لغة CSS يستعمل لتمثيل صورة ثنائية الأبعاد؛ وهنالك نوعان من الصور: الصور التقليدية التي يُشار إليها عادةً باستخدام رابط URL، والصور المولّدة ديناميكيًا، مثل التدرجات اللونية <code>[[CSS/gradient|<gradient>]]</code>.
|-
|-
|<code>[[CSS/integer|integer]]</code>
|<code>[[CSS/integer|integer]]</code>
|نوع البيانات <code><integer></code> في CSS هو نوعٌ خاصٌ من <code>[[CSS/number|<number>]]</code> الذي يُمثِّل الأعداد الصحيحة، سواءً كانت موجبة أو سالبةً؛ وتستُعمَل الأعداد الصحيحة في الكثير من خاصيات CSS مثل <code>[[CSS/column-count|column-count]]</code> و <code>[[CSS/grid-column|grid-column]]</code> و <code>[[CSS/grid-row|grid-row]]</code> و<code>[[CSS/z-index|z-index]]</code>.
|نوع البيانات <code><integer></code> في لغة CSS هو نوعٌ خاصٌ من <code>[[CSS/number|<number>]]</code> الذي يُمثِّل الأعداد الصحيحة، سواءً كانت موجبة أو سالبةً؛ وتستُعمَل الأعداد الصحيحة في الكثير من خاصيات CSS مثل <code>[[CSS/column-count|column-count]]</code> و <code>[[CSS/grid-column|grid-column]]</code> و <code>[[CSS/grid-row|grid-row]]</code> و<code>[[CSS/z-index|z-index]]</code>.
|-
|-
|<code>[[CSS/length|length]]</code>
|<code>[[CSS/length|length]]</code>
|نوع البيانات <code><length></code> في CSS يستعمل لتمثيل القيم الطولية، فعدد كبير من خاصيات CSS تقبل بقيم ذات النوع <code><length></code>، مثل <code>[[CSS/width|width]]</code> و <code>[[CSS/margin|margin]]</code> و<code>[[CSS/padding-right|padding]]</code> و <code>[[CSS/font-size|font-size]]</code> و <code>[[CSS/border-width|border-width]]</code> و <code>[[CSS/background|text-shadow]]</code>.
|نوع البيانات <code><length></code> في لغة CSS يستعمل لتمثيل القيم الطولية، فعدد كبير من خاصيات CSS تقبل بقيم ذات النوع <code><length></code>، مثل <code>[[CSS/width|width]]</code> و <code>[[CSS/margin|margin]]</code> و<code>[[CSS/padding-right|padding]]</code> و <code>[[CSS/font-size|font-size]]</code> و <code>[[CSS/border-width|border-width]]</code> و <code>[[CSS/background|text-shadow]]</code>.
|-
|-
|<code>[[CSS/number|number]]</code>
|<code>[[CSS/number|number]]</code>
|نوع البيانات <code><number></code> في CSS يُمثِّل القيم العددية، سواءً كانت أعدادًا صحيحةً (integer) أو أعدادًا عشريةً.
|نوع البيانات <code><number></code> في لغة CSS يُمثِّل القيم العددية، سواءً كانت أعدادًا صحيحةً (integer) أو أعدادًا عشريةً.
|-
|-
|<code>[[CSS/percentage|percentage]]</code>
|<code>[[CSS/percentage|percentage]]</code>
|نوع البيانات <code><percentage></code> في CSS يستعمل لتمثيل النسب المئوية، إذ يقبل عددٌ كبيرٌ من خاصيات CSS القيمَ كنسبٍ مئوية، وتُستخدَم عادةً لتعريف أحد الأبعاد نسبةً إلى أبعاد العنصر الأب. أمثلة عن الخاصيات التي تقبل نوع البيانات <code><percentage></code>: الخاصية <code>[[CSS/width|width]]</code> و <code>[[CSS/margin|margin]]</code> و <code>[[CSS/padding|padding]]</code> و <code>[[CSS/font-size|font-size]]</code>.
|نوع البيانات <code><percentage></code> في لغة CSS يستعمل لتمثيل النسب المئوية، إذ يقبل عددٌ كبيرٌ من خاصيات CSS القيمَ كنسبٍ مئوية، وتُستخدَم عادةً لتعريف أحد الأبعاد نسبةً إلى أبعاد العنصر الأب. أمثلة عن الخاصيات التي تقبل نوع البيانات <code><percentage></code>: الخاصية <code>[[CSS/width|width]]</code> و <code>[[CSS/margin|margin]]</code> و <code>[[CSS/padding|padding]]</code> و <code>[[CSS/font-size|font-size]]</code>.
|-
|-
|<code>[[CSS/resolution|resolution]]</code>
|<code>[[CSS/resolution|resolution]]</code>
|نوع البيانات <code><resolution></code> في CSS يستعمل لوصف دقة الشاشة في media queries، ودقة الشاشة تعني كثافة البكسلات في جهاز العرض.
|نوع البيانات <code><resolution></code> في لغة CSS يستعمل لوصف دقة الشاشة في media queries، ودقة الشاشة تعني كثافة البكسلات في جهاز العرض.
|-
|-
|<code>[[CSS/string|string]]</code>
|<code>[[CSS/string|string]]</code>
|نوع البيانات <code><string></code> في CSS يُمثِّل سلسلةً من المحارف، ويمكن استخدام السلاسل النصية في الكثير من خاصيات CSS، مثل <code>[[CSS/content|content]]</code> و <code>[[CSS/font-family|font-family]]</code> و<code>[[CSS/quotes|quotes]]</code>.
|نوع البيانات <code><string></code> في لغة CSS يُمثِّل سلسلةً من المحارف، ويمكن استخدام السلاسل النصية في الكثير من خاصيات CSS، مثل <code>[[CSS/content|content]]</code> و <code>[[CSS/font-family|font-family]]</code> و<code>[[CSS/quotes|quotes]]</code>.
|-
|-
|<code>[[CSS/time|time]]</code>
|<code>[[CSS/time|time]]</code>
سطر 52: سطر 52:
|-
|-
|<code>[[CSS/url|url]]</code>
|<code>[[CSS/url|url]]</code>
|نوع البيانات <code><url></code> في CSS يُشير إلى أحد الموارد (resources)، مثل الصور أو الخطوط، وتُستخدَم روابط URL في الكثير من الخاصيات، مثل <code>[[CSS/background-image|background-image]]</code> و <code>[[CSS/cursor|cursor]]</code> و <code>[[CSS/list-style|list-style]]</code>.
|نوع البيانات <code><url></code> في لغة CSS يُشير إلى أحد الموارد (resources)، مثل الصور أو الخطوط، وتُستخدَم روابط URL في الكثير من الخاصيات، مثل <code>[[CSS/background-image|background-image]]</code> و <code>[[CSS/cursor|cursor]]</code> و <code>[[CSS/list-style|list-style]]</code>.
|}
|}

المراجعة الحالية بتاريخ 15:59، 7 أكتوبر 2022

نوع البيانات الوصف
angle نوع البيانات <angle> في لغة CSS يستعمل لتمثيل القيم الزاويّة بالدرجات (degrees) أو بالغراد (grad) أو بالراديان (radians) أو بالدورات (turns)، ويمكن استخدام هذا النوع في التدرجات اللونية <gradient> وبعض دوالtransform.
blend-mode نوع البيانات <blend-mode> في لغة CSS يستعمل لوصف كيف يجب أن تمتزج الألوان عند تداخل طبقات الخلفات مع بعضها بعضًا. فلكل بكسل من بكسلات الطبقة التي طُبِّق عليها نمط الامتزاج، فسيأخذ اللون من الخلفية ومن الأمامية، وستُجرى عملية حسابية عليه، ويُعاد لونٌ جديدٌ سيستخدم مكان تداخل الطبقات.
color value نوع البيانات <color> في CSS يستعمل لتمثيل لون في مجال ألوان sRGB.
custom-ident نوع البيانات <custom-ident> في لغة CSS يستعمل لتمثيل المُعرِّفات (identifiers) التي أنشأها المستخدم، وهذا النوع حساس لحالة الأحرف، ولا يُسمَح باستخدام بعض القيم في مواضع معيّنة منعًا للالتباس.
gradient نوع البيانات <gradient> في لغة CSS هو نوعٌ خاصٌ من الصور <image> الذي يُمثِّل تدرجًا لونيًا بين لونين أو أكثر.

أنواع البيانات الفرعية:

image نوع البيانات <image> في لغة CSS يستعمل لتمثيل صورة ثنائية الأبعاد؛ وهنالك نوعان من الصور: الصور التقليدية التي يُشار إليها عادةً باستخدام رابط URL، والصور المولّدة ديناميكيًا، مثل التدرجات اللونية <gradient>.
integer نوع البيانات <integer> في لغة CSS هو نوعٌ خاصٌ من <number> الذي يُمثِّل الأعداد الصحيحة، سواءً كانت موجبة أو سالبةً؛ وتستُعمَل الأعداد الصحيحة في الكثير من خاصيات CSS مثل column-count و grid-column و grid-row وz-index.
length نوع البيانات <length> في لغة CSS يستعمل لتمثيل القيم الطولية، فعدد كبير من خاصيات CSS تقبل بقيم ذات النوع <length>، مثل width و margin وpadding و font-size و border-width و text-shadow.
number نوع البيانات <number> في لغة CSS يُمثِّل القيم العددية، سواءً كانت أعدادًا صحيحةً (integer) أو أعدادًا عشريةً.
percentage نوع البيانات <percentage> في لغة CSS يستعمل لتمثيل النسب المئوية، إذ يقبل عددٌ كبيرٌ من خاصيات CSS القيمَ كنسبٍ مئوية، وتُستخدَم عادةً لتعريف أحد الأبعاد نسبةً إلى أبعاد العنصر الأب. أمثلة عن الخاصيات التي تقبل نوع البيانات <percentage>: الخاصية width و margin و padding و font-size.
resolution نوع البيانات <resolution> في لغة CSS يستعمل لوصف دقة الشاشة في media queries، ودقة الشاشة تعني كثافة البكسلات في جهاز العرض.
string نوع البيانات <string> في لغة CSS يُمثِّل سلسلةً من المحارف، ويمكن استخدام السلاسل النصية في الكثير من خاصيات CSS، مثل content و font-family وquotes.
time نوع البيانات <time> يُمثِّل قيمةً زمنيةً يُعبَّر عنها بالثانية أو بالملي ثانية، وتُستَخدم في خاصية animation و transition وغيرهما.
timing-function نوع البيانات <timing-function> يشير إلى الدوال الرياضية التي تصف سرطة تغيير القيم أحادية البعد في الحركات، وهذا ما يسمح بتغيير سرعة الحركات خلال فترة الحركة.
url نوع البيانات <url> في لغة CSS يُشير إلى أحد الموارد (resources)، مثل الصور أو الخطوط، وتُستخدَم روابط URL في الكثير من الخاصيات، مثل background-image و cursor و list-style.