La cursiva HTML desaparece Frontera

Aplicar bordes a sus elementos HTML, como imágenes o las cotizaciones, ayuda a diferenciar el objeto del resto de su sitio similar a la forma en cursivas texto dibuja el ojo de su lector a una palabra o frase. Se puede utilizar una combinación de letra cursiva y en las fronteras de texto normales, listas o enlaces, y estos estilos deben trabajar juntos. Sin embargo, la sintaxis o la organización inadecuada puede provocar conflictos, como una desaparición frontera.

HTML cursiva

Cuando se quiere poner en cursiva el texto en su página web, que rodearía el texto con la etiqueta "<i>", como en el siguiente ejemplo:

<I> Este texto será cursiva. </ I>

También puede utilizar el "<em>" etiqueta nueva, que harán que los navegadores con la misma apariencia inclinada. Por defecto no hay ningún otro texto efectivos prestados, ya sea con la etiqueta.

CSS Styling

Para añadir bordes a su cursiva o subrayado de texto, debe insertar un código similar al siguiente en su sección de hoja de estilo o CSS externa de la cabeza de su documento.

i {border: 1px solid red}

Usando la etiqueta "i" como los instructores de selector de todo el texto en cursiva que tiene un borde sólido, de color rojo que es de 1 píxel de ancho. Esto puede dar énfasis adicional a su texto en cursiva, especialmente si su sitio web utiliza un tipo de letra que no difiere mucho cuando en cursiva.

desaparición de las fronteras

Si su hoja de estilos utiliza dos reglas para el texto en cursiva o subrayado, la regla más cerca de la parte inferior de la hoja de estilo tendrá prioridad. Si esta sección no contiene un borde, el borde puede desaparecer. Si la segunda sección define explícitamente la frontera como "ninguno" o "0", entonces hay frontera aparecerá incluso si ha codificado antes en su hoja de estilo. Tenga en cuenta que algunos elementos pueden mostrar fronteras con CSS, pero no HTML. Por ejemplo, las partidas 1 a 6 y blockquotes utilizan esta regla y no mostrar un borde si se utiliza la sintaxis como "<h1 frontera =" 1 ">". Sin borde aparecerá si también cursiva el título o no.

Solución

Utilice sólo una vez cada selector si está usando CSS para dar formato al HTML. Combina los componentes de selector en un bloque, en su caso. Si es necesario, puede forzar a ciertos estilos para aparecer con el atributo como el siguiente "importante!":

i {border: 1px solid rojo; font-style: cursiva importante}!

Incluso si otro código o el navegador se sobrescribir la frontera el texto en cursiva, la adición de los "! Important" fuerzas de atributos que aparezca siempre.