The direction and unicode-bidi properties can be used to change the text direction of an element:
يمكن استخدام خصائص direction و unicode-bidi لتغيير اتجاه النص لعنصر معين.
247 Matching Annotations
- Nov 2024
-
www.w3schools.com www.w3schools.com
-
-
The text-align-last property specifies how to align the last line of a text.
كيفية محاذاة السطر الأخير من النص.
-
-
www.w3schools.com www.w3schools.comCSS Text1
-
Important: High contrast is very important for people with vision problems. So, always ensure that the contrast between the text color and the background color (or background image) is good!
مهم: التباين العالي مهم جدًا للأشخاص الذين يعانون من مشاكل في الرؤية. لذا، تأكد دائمًا من أن التباين بين لون النص ولون الخلفية (أو صورة الخلفية) جيد!
-
-
www.w3schools.com www.w3schools.com
-
ignored
يتم تجاهله
-
-
www.w3schools.com www.w3schools.com
-
Note: The margin property also affects the total space that the box will take up on the page, but the margin is not included in the actual size of the box. The box's total width and height stops at the border.
يعني ال margin لا يدخل في حساب total width and height
-
transparent
شفاف
-
transparent
شفاف
-
-
www.w3schools.com www.w3schools.com
-
be ignored
سيتم تجاهلها
-
The problem with the <div> above occurs when the browser window is smaller than the width of the element (500px). The browser then adds a horizontal scrollbar to the page.
عندما يكون عرض نافذة المتصفح أصغر من عرض العنصر (أي أقل من 500px)، فإن العنصر سيتجاوز حجم نافذة المتصفح. في هذه الحالة، سيقوم المتصفح بإضافة شريط تمرير أفقي (horizontal scrollbar) ليتمكن المستخدم من رؤية كامل محتوى العنصر. هذا يمكن أن يجعل تجربة المستخدم غير مريحة عند التعامل مع الشاشات الصغيرة، خاصة عند استخدام أجهزة محمولة أو تصغير نافذة المتصفح.
-
-
www.w3schools.com www.w3schools.com
-
Top and bottom margins of elements are sometimes collapsed into a single margin that is equal to the largest of the two margins.
انهيار الهامش يحدث عندما يتواجد هامشان علوي وسفلي (أو هامشان عموديان) لعناصر متجاورة، حيث يتم دمج الهامشين في هامش واحد بدلًا من جمعهما. الهامش النهائي الناتج يكون مساويًا لأكبر الهامشين، وليس مجموعهما.
-
Collapse
انهيار
-
-
www.w3schools.com www.w3schools.com
-
Note: If border-color is not set, it inherits the color of the element.
ملاحظة: إذا لم يتم تعيين خاصية لون الحدود (border-color)، فستستخدم اللون الخاص بالعنصر نفسه.
-
-
www.w3schools.com www.w3schools.com
-
Tip: An inline style loses many of the advantages of a style sheet (by mixing content with presentation). Use this method sparingly.
نصيحة: النمط المضمن (inline style) يفقد العديد من المزايا التي توفرها ورقة الأنماط (style sheet) لأنه يخلط بين المحتوى والتنسيق. استخدم هذه الطريقة بشكل محدود.
-
-
www.w3schools.com www.w3schools.com
-
separate
افصل
-
(select elements based on an attribute or attribute value)
input[type="text"] { border: 1px solid black; }
-
select and style a part of an element)
تُستخدم لاختيار جزء من محتوى العنصر، p::first-line { color: purple; }
-
select elements based on a certain state)
تُستخدم لاختيار العناصر بناءً على حالة معينة، a:hover { color: green; }
-
(select elements based on a specific relationship between them)
تُستخدم لاختيار العناصر بناءً على علاقة معينة بين العناصر. div > p { color: red; } h1 + p { margin-top: 10px; }
-
(select elements based on name, id, class)
p { color: blue; }
-
-
www.w3schools.com www.w3schools.com
-
HTML was created to describe the content of a web page, like:
مش ال style
-
variations
الاختلافات
-
-
www.w3schools.com www.w3schools.com
-
HTML also supports description lists.
dl
-
(small black circles) by default:
disc
-
-
www.w3schools.com www.w3schools.comHTML id1
-
The id name must contain at least one character,
بمعنى آخر، لا يمكنك ترك قيمة id فارغة، كما لا يمكنك استخدام مسافة أو رمز غير معرف كاسم للمعرف.
-
-
www.w3schools.com www.w3schools.comHTML CSS1
-
Tip: With an external style sheet, you can change the look of an entire web site, by changing one file!
باستخدام ورقة الأنماط الخارجية، يمكنك تغيير مظهر الموقع بالكامل من خلال تعديل ملف واحد فقط
-
-
www.w3schools.com www.w3schools.com
-
container
صدنوق
-
An inline element only takes up as much width as necessary.
يأخذ فقط المساحة اللازمة لاحتواء محتواه ولا يمتد ليشغل العرض الكامل. هذا يعني أن العناصر الأخرى يمكن أن تُعرض بجانبه في نفس السط
-
stretches out to the left and right as far as it can
يمتد إلى اليسار واليمين بقدر ما يمكن
-
-
www.w3schools.com www.w3schools.com
-
embed
عرض
-
-
www.w3schools.com www.w3schools.com
-
Shades of gray are often defined using equal values for all three parameters:
لتمثيل درجات اللون الرمادي، يتم استخدام قيم متساوية لجميع المكونات الثلاثة.
-
hexadecimal value
القيمة السداسية العشرية
-
-
www.w3schools.com www.w3schools.com
-
Shades of gray are often defined using equal values for all three parameters:
لتمثيل درجات اللون الرمادي، يتم استخدام قيم متساوية لجميع المكونات الثلاثة
-
intensity
الكثافة
-
-
www.w3schools.com www.w3schools.com
-
Emphasized text
نص مائل ومهم
-
Italic text
نص مائل
-
-
www.w3schools.com www.w3schools.com
-
preformatted text.
نص منسق مسبقًا.
-
thematic break
استراحة موضوعية
-
-
www.w3schools.com www.w3schools.com
-
Links to an image that is hosted within the website. Here, the URL does not include the domain name. If the URL begins without a slash, it will be relative to the current page
المعنى: يشير إلى صورة موجودة ضمن نفس الموقع. هنا يبدأ الرابط بشرطة مائلة /، مما يعني أن الرابط النسبي يبدأ من جذر الموقع.
-
copyright
حقوق نشر
-
Links to an external image that is hosted on another website. Example: src="https://www.w3schools.com/images/img_girl.jpg".
هذا النوع من الروابط يحتوي على العنوان الكامل للموقع الذي يحتوي على الصورة، بما في ذلك البروتوكول (مثل https). المعنى: يشير إلى رابط خارجي لصورة موجودة على موقع ويب آخر
-
Attributes are always specified in the start tag
يتم تحديد السمات دائمًا في علامة البداية
-
-
www.w3schools.com www.w3schools.com
-
Some HTML elements will display correctly, even if you forget the end tag:
مثل ال P
-
-
www.w3schools.com www.w3schools.com
-
visible part
الجزء المرئي
-
-
www.w3schools.com www.w3schools.com
-
1989 Tim Berners-Lee invented www
الي اكتشف ال html
-
<head>
meta information
-
<html>
Root
-
meta information
معلومات تعريفية
-