في هذا الدرس 5تصفّح المواضيع
CSS Text Transfromation
تحويل الحروف الكبيرة والصغيرة للنصوص في لغة CSS
CSS Text Transfromation تحويل الحروف الكبيرة والصغيرة للنصوص في لغة CSS
تغير text-transform طريقة عرض حالة الأحرف في اللغات التي تميز الحروف الكبيرة والصغيرة، مثل الإنجليزية. لا تستبدل النص المحفوظ نفسه؛ وقد تعتمد قواعد التحويل على لغة المحتوى.
lowercaseتعرض الأحرف بحالة صغيرة.uppercaseتعرض الأحرف بحالة كبيرة.capitalizeتكبّر أول حرف من كل كلمة وتترك بقية الأحرف بحالتها الأصلية.- الحروف العربية لا تملك حالة كبيرة وصغيرة كالإنجليزية.
text-transform syntax
طريقة كتابة خاصية text-transform في لغة CSS.
text-transform:value;text-transform values
قيم خاصية text-transform في لغة CSS.
text-transform:none|capitalize|uppercase|lowercase|initial|inherit;
CSS Text Transfromation none
خاصية text-transform مع القيمة none في لغة CSS
CSS Text Transfromation none خاصية text-transform مع القيمة none في لغة CSS
تًستخدم خاصية text-transform مع القيمة none لتبقي الحروف الأنجليزية بحالتها الأفتراضية إذا كانت بأحرف كبيرة أو صغيرة ستبقي كما كانت.
CSS Text Transfromation none
خاصية text-transform مع القيمة none في لغة CSS.
CSS Text Transfromation lowercase
خاصية text-transform مع القيمة lowercase في لغة CSS
CSS Text Transfromation lowercase خاصية text-transform مع القيمة lowercase في لغة CSS
تًستخدم خاصية text-transform مع القيمة lowercase لتحويل جميع الحروف الأنجليزية الكبيرة إلي حروف صغيرة.
CSS Text Transfromation lowercase
خاصية text-transform مع القيمة lowercase في لغة CSS.
CSS Text Transfromation uppercase
خاصية text-transform مع القيمة uppercase في لغة CSS
CSS Text Transfromation uppercase خاصية text-transform مع القيمة uppercase في لغة CSS
تًستخدم خاصية text-transform مع القيمة uppercase لتحويل جميع الحروف الأنجليزية الصغيرة إلي حروف كبيرة.
CSS Text Transfromation uppercase
خاصية text-transform مع القيمة uppercase في لغة CSS.
CSS Text Transfromation capitalize
خاصية text-transform مع القيمة capitalize في لغة CSS
CSS Text Transfromation capitalize خاصية text-transform مع القيمة capitalize في لغة CSS
تكبّر capitalize أول حرف من كل كلمة وتترك بقية الأحرف كما كُتبت. لا تحوّل بقية الكلمة إلى أحرف صغيرة؛ لذلك يبقى السطر المكتوب كله بأحرف كبيرة كبيرًا.
CSS Text Transfromation capitalize
تستخدم هذه التجربة text-transform: capitalize؛ قارن السطرين المختلفين في حالة الأحرف الأصلية.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات9
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Transformation تحويل
- للمراجعة
- 02 Text نص
- للمراجعة
- 03 Capital كبير
- للمراجعة
- 04 Small صغير
- للمراجعة
- 05 Property خاصية
- للمراجعة
- 06 Values قيم
- للمراجعة
- 07 Lowercase أحرف صغيرة
- للمراجعة
- 08 Uppercase أحرف كبيرة
- للمراجعة
- 09 Capitalize أول حرف فقط من الكلمة كبير
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات1
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.
لمحة عن التحدي4 أسئلة تنتظرك ＋
ماهي الخاصية التي تستخدم في تحديد شكل النصوص ؟
____ماهي القيمة التي تستخدم مع الخاصية text-transform لجعل النصوص تبدو كبيرة ؟
ماهي القيمة التي تستخدم مع الخاصية text-transform لجعل احرف النصوص تبدو صغيرة ؟
____