Hausa: Ainiyawa CSS @property atawu

Gina da amfani

CSS @property Tukuru na gaskiya na gaskiya: za a iya gina gaskiya gaskiya CSS a cikin tsaftace gaskiya, kuma za a iya kaiwa cikin JavaScript.

@property Tukuru na gaskiya na gaskiya na gaskiya yana da kiyaye nau'in data da kiyaye, za a iya gina shi da manafiyawa, kuma za a iya gina shi da ba za a iya iwarwara ba.

A gina: @property Fadada:

• Tsarin nuna kiyaye: doonin ya kaiwa cikin haka ciki --my-color yana da nau'in data, misali <number>、<color>、<length> kuma. Za a iya kawo kuskure kuma za a iya kawo amfani da shi a cikin gaskiya.
• Tasiri na gina shi: za a iya gina gaskiya ciki --my-color da manafiyawa. Za a iya amfani da shi domin daidai daidai kuma za a iya amfani da shi a cikin gaskiya.
• Tasiri na iwarwara: doonin ya kaiwa cikin haka ciki --my-color zai iya samun manafiyawa daga iyali.

Tukuru misali: gina gaskiya gaskiya

@property --my-color {
  النحو: "<color>";
  يستخدم: الحق;
  القيمة_البدائية: الفاتح;
}

Tasiri na haka ya nuna ciki --my-color wani gaskiya kaiwaran, wanda zai iya samun manafiyawa daga iyali, kuma ana gina shi da lightgray.

A gina CSS na gina gaskiya:

body {}}
  backgound-color: var(--my-color);
}

مثال

مثال 1

تحديد خصائص مخصصة اثنتين للاضاءة التدرجية - واستخدامها لتحريك التدرج:

@property --startColor {
  النحو: "<color>";
  القيمة_البدائية: #EADEDB;
  يستخدم: الحق;
}
@property --endColor {
  النحو: "<color>";
  القيمة_البدائية: #BC70A4;
  يستخدم: الحق;
}

تجربة بنفسك

مثال 2

تحديد خصائص مخصصة اثنتين: واحدة لابعاد العنصر، واحدة للون العنصر:

@property --item-size {
  النحو: "<percentage>";
  يستخدم: الحق;
  القيمة_البدائية: 50%;
}
@property --item-color {
  النحو: "<color>";
  يستخدم: الحق;
  القيمة_البدائية: الفاتح;
}

تجربة بنفسك

نحو CSS

@property --اسم_الخصائص {
  النحو: "<color>";
  القيمة_البدائية: الحمرة;
  يستخدم: الحق;
}

قيمة الخصائص

دعماً فالبراوزر

رقم الفتات فالتاكل فالتجريبي يهوني فالبراوزر فالامتنان فالقاعدة @ فالامتنان.

الصفحات ذات الصلة

درس:Hausa: Ainiyawa CSS @property atawu