IntroductionFor la pantalla del ordenador, el cursor se encuentra el puntero del ratón. CSS le permite dar diferentes formas de este cursor. En este artículo, voy a dar los nombres de las diferentes formas, las descripciones de las formas y ejemplos de código que indican cómo puede crearlas.
CSS es ahora en la versión 2. La versión 1 no dijo nada acerca de la cursor. La información que se da aquí se basa en la especificación CSS2
Es necesario un conocimiento básico de CSS para entender este artículo
Nota:..
Si no puede ver el código o si cree nada no se encuentra en este artículo (enlace roto, la imagen ausente), simplemente en contacto conmigo en [email protected]. Es decir, en contacto conmigo para el más mínimo problema que tenga acerca de lo que está leyendo.
Dando el cursor un ShapeTo dar un cursor una forma, usted necesita un par de cursor /valor en el bloque de declaración para la regla de CSS el elemento concierne. La propiedad cursor puede tomar muchos valores. Usted da el cursor una forma particular, dando un valor especial a la propiedad cursor.
En este artículo voy a dar los nombres de los valores (formas) y sus significados. Cuando el puntero del ratón está sobre un elemento (o sobre la propiedad del elemento) el puntero del ratón toma la forma, que el valor de la propiedad cursor especifica para ese elemento. Para este artículo, el cursor y el puntero del ratón significan lo mismo.
Ahora echemos un vistazo a los valores y ejemplos. En muchos de los ejemplos de un elemento de párrafo HTML cuya anchura es 30% de la de la anchura del cuerpo se utiliza.
ANCHO AUTO este valor, el navegador determina la forma del cursor basado en el contenido actual. Este suele ser el mismo que no tener cualquier par cursor /valor en la hoja de estilos. Cuando usted no tiene cualquier par cursor /valor en la hoja de estilos, el navegador normalmente determina la forma del cursor sobre la base del context.crosshairThis forma actual es una cruz simple, como segmentos de línea cortos se asemejan a un signo "+". Pruebe el siguiente código que ilustra esto para el elemento párrafo.
Cuando el navegador esté mostrando el párrafo, mueva el puntero del ratón sobre él y tenga en cuenta la forma del puntero del ratón.
net