Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing

HTMLالوسم <mark>

  • تعريفه
  • دعم المتصفحات
  • خصائصه
  • إستخدامه
  • تصميمه الإفتراضي

تعريفه

نستخدم الوسم <mark> على هذا النحو <mark> </mark> لتعليم النص بهدف لفت نظر المستخدم إليه.
إفتراضياً، النص الذي يتم تعليمه تظهر خلفيته باللون الأصفر و بالطبع يمكن تغيير لون الخلفية بواسطة لغة CSS.

دعم المتصفحات

الجدول التالي يظهر المتصفحات التي تدعم الوسم <mark>.

Chrome Edge Firefox Opera Safari Android
Webview
Chrome
for Android
Firefox
for Android
Opera
for Android
Safari
for IOS
Samsung
Internet
مدعوم 12 1 مدعوم مدعوم مدعوم مدعوم 4 مدعوم مدعوم مدعوم

خصائصه

لا يملك أي خصائص تم إعدادها خصيصاً له.

إستخدامه

في المثال التالي قمنا بتعليم جزء من الكلام باستخدام <mark>.

المثال الأول

<mark>Fast food</mark> affect your body!
جرب الكود

في المثال التالي قمنا بتغيير لون الخلفية الإفتراضي للوسم <mark> بواسطة كود CSS.

المثال الثاني

mark {
    background-color: cyan;
    padding: 0 5px;
}
جرب الكود

تصميمه الإفتراضي

بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.

mark {
    background-color: yellow;
    color: black;
}