{"id":293,"date":"2021-09-10T15:45:00","date_gmt":"2021-09-10T15:45:00","guid":{"rendered":"https:\/\/kiencang.net\/2013\/12\/12\/cac-thuoc-tinh-con-tro-chuot-trong-css\/"},"modified":"2021-09-10T15:45:00","modified_gmt":"2021-09-10T15:45:00","slug":"cac-thuoc-tinh-con-tro-chuot-trong-css","status":"publish","type":"post","link":"https:\/\/kiencang.net\/cac-thuoc-tinh-con-tro-chuot-trong-css\/","title":{"rendered":"C\u00e1c thu\u1ed9c t\u00ednh con tr\u1ecf chu\u1ed9t (cursor) trong CSS"},"content":{"rendered":"\n<p><b>Thu\u1ed9c t\u00ednh tr\u1ecf chu\u1ed9t<\/b> quy\u1ebft \u0111\u1ecbnh c\u00e1ch hi\u1ec3n th\u1ecb c\u1ee7a con tr\u1ecf khi n\u00f3 di qua m\u1ed9t th\u00e0nh ph\u1ea7n n\u00e0o \u0111\u00f3.<\/p>\n\n\n\n<p>Th\u1ef1c s\u1ef1 th\u00ec \u0111\u1ebfn b\u00e0i n\u00e0y t\u00f4i m\u1edbi bi\u1ebft l\u00e0 c\u00f3 nhi\u1ec1u hi\u1ec7u \u1ee9ng tr\u1ecf chu\u1ed9t \u0111\u1ebfn v\u1eady trong CSS. <\/p>\n\n\n\n<p>B\u1ea1n mu\u1ed1n bi\u1ebft ngay kh\u00f4ng, th\u1ebf th\u00ec d\u01b0\u1edbi \u0111\u00e2y l\u00e0 t\u00ean c\u1ee7a c\u00e1c thu\u1ed9c t\u00ednh \u0111\u00f3, b\u1ea1n c\u1ee9 di chu\u1ed9t qua t\u1eebng t\u1eeb \u0111\u1ec3 th\u1ea5y con tr\u1ecf chu\u1ed9t thay \u0111\u1ed5i nh\u01b0 th\u1ebf n\u00e0o nh\u00e9. T\u1ea5t nhi\u00ean, hi\u1ec7u \u1ee9ng con tr\u1ecf chu\u1ed9t ch\u1ec9 th\u1ea5y r\u00f5 tr\u00ean m\u00e1y b\u00e0n:<\/p>\n\n\n\n<p><span style=\"cursor: auto;\">auto<\/span><br><span style=\"cursor: alias;\">alias<\/span><br><span style=\"cursor: crosshair;\">crosshair<\/span><br><span style=\"cursor: col-resize;\">col-resize<\/span><br><span style=\"cursor: default;\">default<\/span><br><span style=\"cursor: e-resize;\">e-resize<\/span><br><span style=\"cursor: help;\">help<\/span><br><span style=\"cursor: move;\">move<\/span><br><span style=\"cursor: n-resize;\">n-resize<\/span><br><span style=\"cursor: ne-resize;\">ne-resize<\/span><br><span style=\"cursor: nw-resize;\">nw-resize<\/span><br><span style=\"cursor: not-allowed;\">not-allowed<\/span><br><span style=\"cursor: no-drop;\">no-drop<\/span><br><span style=\"cursor: pointer;\">pointer<\/span><br><span style=\"cursor: progress;\">progress<\/span><br><span style=\"cursor: row-resize;\">row-resize<\/span><br><span style=\"cursor: s-resize;\">s-resize<\/span><br><span style=\"cursor: se-resize;\">se-resize<\/span><br><span style=\"cursor: sw-resize;\">sw-resize<\/span><br><span style=\"cursor: text;\">text<\/span><br><span style=\"cursor: w-resize;\">w-resize<\/span><br><span style=\"cursor: wait;\">wait<\/span><\/p>\n\n\n\n<p><b>Code m\u1eabu: <\/b><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>p.wresize {cursor:w-resize}\np.move {cursor:move}\np.wait {cursor:wait}<\/code><\/pre>\n\n\n\n<p>T\u1eebng hi\u1ec7u \u1ee9ng con tr\u1ecf chu\u1ed9t c\u00f3 c\u00e1c \u1ee9ng d\u1ee5ng th\u1ef1c t\u1ebf kh\u00e1c nhau, trong \u0111\u00f3 th\u01b0\u1eddng g\u1eb7p nh\u1ea5t l\u00e0 hi\u1ec7u \u1ee9ng pointer, d\u00e0nh cho c\u00e1c n\u00fat b\u1ea5m. C\u00e1c hi\u1ec7u \u1ee9ng resize c\u00f3 th\u1ec3 d\u00e0nh cho c\u00e1c m\u1ee5c nh\u1eadp cho ph\u00e9p k\u00e9p gi\u00e3n, th\u00ed d\u1ee5 nh\u01b0 b\u00ecnh lu\u1eadn.<\/p>\n\n\n\n<p>M\u1eb9o b\u1ed5 sung: v\u1edbi c\u00e1c hi\u1ec7u \u1ee9ng CSS \u1ed5n \u0111\u1ecbnh, b\u1ea1n c\u00f3 th\u1ec3 t\u00e1ch ri\u00eang n\u00f3 ra, v\u00e0 \u0111\u01b0a v\u00e0o m\u1ed9t file CSS ri\u00eang, \u0111\u1ec3 \u0111\u1ee1 ph\u1ea3i l\u1eb7p l\u1ea1i n\u00f3 tr\u00ean c\u00e1c trang kh\u00e1c nhau.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00e1c th\u00f4ng s\u1ed1<\/h2>\n\n\n\n<ul><li>Gi\u00e1 tr\u1ecb m\u1eb7c \u0111\u1ecbnh: auto<\/li><li>T\u00ednh k\u1ebf th\u1eeba: C\u00f3<\/li><li>Phi\u00ean b\u1ea3n CSS: B\u1eaft \u0111\u1ea7u \u0111\u01b0\u1ee3c \u0111\u01b0a v\u00e0o t\u1eeb CSS2<\/li><li>C\u00fa ph\u00e1p trong <a href=\"https:\/\/kiencang.net\/category\/javascript\/\" target=\"_blank\" rel=\"noreferrer noopener\">JavaScript<\/a>, v\u00ed d\u1ee5: <\/li><\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>object.style.cursor=\"crosshair\"<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Tr\u00ecnh duy\u1ec7t h\u1ed7 tr\u1ee3<\/h2>\n\n\n\n<p>T\u1ea5t c\u1ea3 c\u00e1c tr\u00ecnh duy\u1ec7t ph\u1ed5 th\u00f4ng g\u1ed3m Chrome (5.0), FireFox (4.0), Opera (9.6), Safari (5.0) v\u00e0 IE \/ Edge (5.5) \u0111\u1ec1u h\u1ed7 tr\u1ee3 c\u00e1c thu\u1ed9c t\u00ednh li\u00ean quan \u0111\u1ebfn con tr\u1ecf.<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Con tr\u1ecf chu\u1ed9t l\u00e0 \u1ea3nh<\/h2>\n\n\n\n<p>C\u0169ng th\u00fa v\u1ecb khi bi\u1ebft r\u1eb1ng b\u1ea1n c\u00f3 th\u1ec3 quy\u1ebft \u0111\u1ecbnh con tr\u1ecf xu\u1ea5t hi\u1ec7n nh\u01b0 l\u00e0 m\u1ed9t \u1ea3nh b\u1ea5t k\u1ef3 m\u00e0 b\u1ea1n mu\u1ed1n.<\/p>\n\n\n\n<div style=\"border: 1px solid black; cursor: url('https:\/\/kiencang.net\/wp-content\/uploads\/2021\/02\/arrow_right.png'), auto; height: 100px; width: 50%; padding:10px;\">H\u00e3y th\u1eed di chuy\u1ec3n v\u00e0o h\u1ed9p n\u00e0y xem nh\u01b0 th\u1ebf n\u00e0o. B\u1ea1n s\u1ebd th\u1ea5y m\u0169i t\u00ean m\u00e0u xanh.<\/div>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p>Code m\u1eabu:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>cursor: url(images\/my-cursor.png), auto;<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Thu\u1ed9c t\u00ednh tr\u1ecf chu\u1ed9t quy\u1ebft \u0111\u1ecbnh c\u00e1ch hi\u1ec3n th\u1ecb c\u1ee7a con tr\u1ecf khi n\u00f3 di qua m\u1ed9t th\u00e0nh ph\u1ea7n n\u00e0o \u0111\u00f3. Th\u1ef1c s\u1ef1 th\u00ec \u0111\u1ebfn b\u00e0i n\u00e0y t\u00f4i m\u1edbi bi\u1ebft l\u00e0 c\u00f3 nhi\u1ec1u hi\u1ec7u \u1ee9ng tr\u1ecf chu\u1ed9t \u0111\u1ebfn v\u1eady trong CSS. B\u1ea1n mu\u1ed1n bi\u1ebft ngay kh\u00f4ng, th\u1ebf th\u00ec d\u01b0\u1edbi \u0111\u00e2y l\u00e0 t\u00ean c\u1ee7a c\u00e1c thu\u1ed9c &hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[229],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>C\u00e1c thu\u1ed9c t\u00ednh con tr\u1ecf chu\u1ed9t (cursor) trong CSS &#8226; Ki\u1ebfn c\u00e0ng<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kiencang.net\/cac-thuoc-tinh-con-tro-chuot-trong-css\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00e1c thu\u1ed9c t\u00ednh con tr\u1ecf chu\u1ed9t (cursor) trong CSS &#8226; Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"og:description\" content=\"Thu\u1ed9c t\u00ednh tr\u1ecf chu\u1ed9t quy\u1ebft \u0111\u1ecbnh c\u00e1ch hi\u1ec3n th\u1ecb c\u1ee7a con tr\u1ecf khi n\u00f3 di qua m\u1ed9t th\u00e0nh ph\u1ea7n n\u00e0o \u0111\u00f3. Th\u1ef1c s\u1ef1 th\u00ec \u0111\u1ebfn b\u00e0i n\u00e0y t\u00f4i m\u1edbi bi\u1ebft l\u00e0 c\u00f3 nhi\u1ec1u hi\u1ec7u \u1ee9ng tr\u1ecf chu\u1ed9t \u0111\u1ebfn v\u1eady trong CSS. B\u1ea1n mu\u1ed1n bi\u1ebft ngay kh\u00f4ng, th\u1ebf th\u00ec d\u01b0\u1edbi \u0111\u00e2y l\u00e0 t\u00ean c\u1ee7a c\u00e1c thu\u1ed9c &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kiencang.net\/cac-thuoc-tinh-con-tro-chuot-trong-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Ki\u1ebfn c\u00e0ng\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/anhducnguyen87\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-10T15:45:00+00:00\" \/>\n<meta name=\"author\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nguy\u1ec5n \u0110\u1ee9c Anh\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 ph\u00fat\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00e1c thu\u1ed9c t\u00ednh con tr\u1ecf chu\u1ed9t (cursor) trong CSS &#8226; Ki\u1ebfn c\u00e0ng","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kiencang.net\/cac-thuoc-tinh-con-tro-chuot-trong-css\/","og_locale":"vi_VN","og_type":"article","og_title":"C\u00e1c thu\u1ed9c t\u00ednh con tr\u1ecf chu\u1ed9t (cursor) trong CSS &#8226; Ki\u1ebfn c\u00e0ng","og_description":"Thu\u1ed9c t\u00ednh tr\u1ecf chu\u1ed9t quy\u1ebft \u0111\u1ecbnh c\u00e1ch hi\u1ec3n th\u1ecb c\u1ee7a con tr\u1ecf khi n\u00f3 di qua m\u1ed9t th\u00e0nh ph\u1ea7n n\u00e0o \u0111\u00f3. Th\u1ef1c s\u1ef1 th\u00ec \u0111\u1ebfn b\u00e0i n\u00e0y t\u00f4i m\u1edbi bi\u1ebft l\u00e0 c\u00f3 nhi\u1ec1u hi\u1ec7u \u1ee9ng tr\u1ecf chu\u1ed9t \u0111\u1ebfn v\u1eady trong CSS. B\u1ea1n mu\u1ed1n bi\u1ebft ngay kh\u00f4ng, th\u1ebf th\u00ec d\u01b0\u1edbi \u0111\u00e2y l\u00e0 t\u00ean c\u1ee7a c\u00e1c thu\u1ed9c &hellip;","og_url":"https:\/\/kiencang.net\/cac-thuoc-tinh-con-tro-chuot-trong-css\/","og_site_name":"Ki\u1ebfn c\u00e0ng","article_author":"https:\/\/www.facebook.com\/anhducnguyen87\/","article_published_time":"2021-09-10T15:45:00+00:00","author":"Nguy\u1ec5n \u0110\u1ee9c Anh","twitter_card":"summary_large_image","twitter_misc":{"\u0110\u01b0\u1ee3c vi\u1ebft b\u1edfi":"Nguy\u1ec5n \u0110\u1ee9c Anh","\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kiencang.net\/cac-thuoc-tinh-con-tro-chuot-trong-css\/","url":"https:\/\/kiencang.net\/cac-thuoc-tinh-con-tro-chuot-trong-css\/","name":"C\u00e1c thu\u1ed9c t\u00ednh con tr\u1ecf chu\u1ed9t (cursor) trong CSS &#8226; Ki\u1ebfn c\u00e0ng","isPartOf":{"@id":"https:\/\/kiencang.net\/#website"},"datePublished":"2021-09-10T15:45:00+00:00","dateModified":"2021-09-10T15:45:00+00:00","author":{"@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16"},"breadcrumb":{"@id":"https:\/\/kiencang.net\/cac-thuoc-tinh-con-tro-chuot-trong-css\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kiencang.net\/cac-thuoc-tinh-con-tro-chuot-trong-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kiencang.net\/cac-thuoc-tinh-con-tro-chuot-trong-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kiencang.net\/"},{"@type":"ListItem","position":2,"name":"C\u00e1c thu\u1ed9c t\u00ednh con tr\u1ecf chu\u1ed9t (cursor) trong CSS"}]},{"@type":"WebSite","@id":"https:\/\/kiencang.net\/#website","url":"https:\/\/kiencang.net\/","name":"Ki\u1ebfn c\u00e0ng","description":"\u00d4m l\u00fd thuy\u1ebft, h\u00f4n th\u1ef1c h\u00e0nh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kiencang.net\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"vi"},{"@type":"Person","@id":"https:\/\/kiencang.net\/#\/schema\/person\/5e7e1a04d8d1218ad8c421ba43d25c16","name":"Nguy\u1ec5n \u0110\u1ee9c Anh","image":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/kiencang.net\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d71f9b89393952a8382e30dad26c1ec?s=96&d=monsterid&r=g","caption":"Nguy\u1ec5n \u0110\u1ee9c Anh"},"description":"Sinh n\u0103m 1987, t\u1ed1t nghi\u1ec7p Cao \u0111\u1eb3ng th\u1ef1c h\u00e0nh FPT qu\u00e3ng 2014, chuy\u00ean ng\u00e0nh Thi\u1ebft k\u1ebf website. T\u00f4i th\u00edch Content, SEO, Ads, T\u0103ng t\u1ed1c website v\u00e0 Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed. B\u00ean c\u1ea1nh b\u00e0i t\u1ef1 vi\u1ebft, t\u00f4i c\u0169ng d\u1ecbch nhi\u1ec1u n\u1ed9i dung th\u00fa v\u1ecb c\u1ee7a c\u00e1c t\u00e1c gi\u1ea3 kh\u00e1c nhau. FB c\u00e1 nh\u00e2n: facebook.com\/anhducnguyen87. Email li\u00ean h\u1ec7: guiemailchotoi@gmail.com","sameAs":["https:\/\/www.facebook.com\/anhducnguyen87\/"],"url":"https:\/\/kiencang.net\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/293"}],"collection":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/comments?post=293"}],"version-history":[{"count":0,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/posts\/293\/revisions"}],"wp:attachment":[{"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/media?parent=293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/categories?post=293"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kiencang.net\/wp-json\/wp\/v2\/tags?post=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}