freeCodeCamp/guide/arabic/css/selectors/pseudo/focus/index.md

1.5 KiB

title localeTitle
Focus التركيز

التركيز

فريف

يمثل :focus عنصرًا استلم حالة تركيز ، تم تشغيلها بواسطة حدث من لوحة المفاتيح. يأتي الإجراء Trigger من الضغط على المفتاح TAB ، والذي ينشئ حلقة حول عنصر بشكل مرئي.

بناء الجملة

:focus

مثال

a:focus { color: red; }

انتاج |

رابط JSfiddle

معلومات اكثر:

MDN - شبكة مطوري موزيلا : التركيز - CSS

يتم استخدام التركيز: فئة CSS الزائفة لتحديد العنصر الذي به تركيز (مثل إدخال نموذج).

يتم تشغيلها عمومًا عندما ينقر المستخدم على عنصر أو ينقر عليه أو يحدده باستخدام مفتاح "tab" في لوحة المفاتيح.

بناء الجملة:

:focus

مثال

HTML:

`

`

CSS:

input:focus { background-color: yellow; }

معلومات اكثر:

لمزيد من المعلومات ، قم بزيارة MDN

W3.org | وثائق CSS