اضافه کردن قابلیت Focus به object های درون سایت

برای زمانی که کاربران به دلایل خاص یا نبودن موس بتوانند به راحتی بین object های درون سایت حرکت کنند از این قابلیت استفاده می کنیم.

برای این کار بهتر است از tag<a> استفاده کنیم. برای نمونه در فایل CSS می نویسیم:

a { color: #3389a9;

      text-decoration: none; }

a: active,

a: hover { color: #25637A;

                 border-bottom: 1px dotted; }

a: visited { color: #6AB6D2; }

a: focus { outline: #3389a9 solid 2px; }

دستور a: focus در رشته کد بالا باعث می شود که با انتخاب object یک box به رنگ آبی دور آن نمایش داده شود.

اضافه کردن قابلیت Focus به object های درون سایت