في هذا الدرس 4تصفّح المواضيع
تستخدم خاصية writing-mode في لغة CSS للتحكم في عرض سطر النص إما أفقياً أو رأسياً.
قيم خاصية word-wrap في لغة CSS:
- horizontal-tb هي القيمة الافتراضية تجعل المحتوى النصي معروض أفقيًا من اليسار إلى اليمين إذا كان direction:ltr.
- vertical-rl تجعل المحتوى النصي عموديًا من أعلى إلى أسفل من جهة اليمين right-left إذا كان direction:ltr.
- vertical-lr تجعل المحتوى النصي عموديًا من أعلى إلى أسفل من جهة اليسار left-right إذا كان direction:ltr.
CSS writing-mode Syntax
طريقة كتابة خاصية writing-mode في لغة CSS.
writing-mode:value;CSS writing-mode values
قيم خاصية writing-mode في لغة CSS.
writing-mode:horizontal-tb|vertical-rl|vertical-lr;تستخدم خاصية writing-mode مع القيمة horizontal-tb في لغة CSS لتجعل المحتوى النصي معروض أفقيًا من اليسار إلى اليمين إذا كان direction:ltr وهي القيمة الافتراضية.
CSS writing mode horizontal tb
خاصية writing-mode في لغة CSS مع القيمة horizontal-tb.
p
{
word-wrap: normal;
background-color:#2196F3;
color:white;
width:100px;
padding:10px;
}تستخدم خاصية writing-mode مع القيمة vertical-rl في لغة CSS لتجعل المحتوى النصي عموديًا من أعلى إلى أسفل من جهة اليمين right-left إذا كان direction:ltr.
CSS writing mode vertical rl
خاصية writing-mode في لغة CSS مع القيمة vertical-rl.
p
{
writing-mode:vertical-rl;
background-color:#2196F3;
color:white;
padding:10px;
height:250px;
}تستخدم خاصية writing-mode مع القيمة vertical-lr في لغة CSS لتجعل المحتوى النصي عموديًا من أعلى إلى أسفل من جهة اليسار left-right إذا كان direction:ltr.
CSS writing mode vertical lr
خاصية writing-mode في لغة CSS مع القيمة vertical-lr.
p
{
writing-mode:vertical-lr;
background-color:#2196F3;
color:white;
padding:10px;
height:250px;
}سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات10
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Text نص
- للمراجعة
- 02 Effects تأثيرات
- للمراجعة
- 03 Overflow زائد / تجاوز
- للمراجعة
- 04 Word كلمة
- للمراجعة
- 05 Wrap لف / كسر
- للمراجعة
- 06 Break استراحة
- للمراجعة
- 07 Writing كتابة
- للمراجعة
- 08 Mode وضع
- للمراجعة
- 09 Keep إحتفظ / إحتفاظ
- للمراجعة
- 10 All الجميع
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات1
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.