Den Kursiv HTML Border forsvinner

Bruk av grenser til HTML-elementer, som bilder eller sitater, bidrar til å skille objektet fra resten av området ligner på hvordan italicizing tekst trekker leserens øye til et ord eller en setning. Du kan bruke en kombinasjon av kursiv og grenser på vanlige tekst, lister eller koblinger, og disse stilene bør arbeide sammen. Imidlertid kan feil syntaks eller organisasjon skape konflikter, for eksempel en grense forsvinning.

HTML italicizing

Når du vil kursivert tekst på nettstedet ditt, vil du omgir teksten med "<i>" tag som i følgende eksempel:

<I> Denne teksten blir kursiv. </ I>

Du kan også bruke den nyere "<em>" tag, som nettlesere vil gjengi med samme skrå utseende. Som standard er det ingen annen tekst effektiv gjengitt med enten tag.

CSS Styling

For å legge til rammer på kursiv eller understreket tekst, må du sette inn kode som ligner på følgende i din eksterne stilark eller CSS delen av hodet av dokumentet.

Jeg {border: 1px solid rød}

Bruke "jeg" tag som velger instruktører all kursiv tekst å ha en solid, rød ramme som er en piksel bred. Dette kan legge ekstra vekt til kursiv skrift, særlig hvis nettstedet bruker en skrift som ikke avviker mye når kursiv.

Disappearing Borders

Hvis stilark bruker to regler for kursiv eller understreket tekst, vil regelen nærmere bunnen av stilark forrang. Hvis denne delen ikke inneholder en kant, kan det hende at grensen forsvinne. Hvis den andre delen eksplisitt definerer grensen som "ingen" eller "0", så ingen ramme vises selv om du kodet det tidligere i stilarket. Vær oppmerksom på at enkelte elementer kan vise grenser med CSS, men ikke HTML. For eksempel overskrifter 1 til 6 og blockquotes bruke denne regelen, og vil ikke vise en ramme hvis du bruker syntaks som "<h1 border =" 1 ">". Ingen ramme vises om du også kursiv overskriften eller ikke.

Løsning

Bruk bare hver velgeren en gang hvis du bruker CSS til å formatere HTML. Kombiner velger blokker i en blokk, når dette er aktuelt. Hvis det er nødvendig, kan du tvinge visse stiler å vises med attributtet som følgende "viktig":

Jeg {border: 1px solid rød; font-style: italic viktig}!

Selv om annen kode eller leseren vil overskrive den grensen på kursiv tekst, legge til "! Viktige" attributt tvinger den til å vises alltid.