I HTML, “iframe”Er et forkortelse for inline -rammen. Den har en rektangulær formstruktur som hovedsakelig brukes til å sette inn et annet nettsteds innhold i en HTML -side. Enhver video, lenke til et annet nettsted, bilde eller annen informasjon, finner du på en webside ved hjelp av iframe -elementet. I tillegg har denne iframe grenser og rullefelt for å forbedre dokumentets utseende og følelse.

Dette innlegget vil forklare:

• Hva er en iframe i HTML?
• Hvordan du bruker CSS på en iframe?

Hva er en iframe i HTML?

Et element i HTML som brukes til å laste inn andre HTML -sider inne i den nåværende er i utgangspunktet kjent som er kjent som en "inline ramme". Videre plasserte den mange websider på rotsiden. Dette HTML -elementet brukes ofte til innebygde filmer, reklame, online analyser og interaktivt innhold.

Hvordan du bruker CSS på en iframe?

For å bruke CSS på en iframe i HTML, prøv de nevnte instruksjonene.

Trinn 1: Lag et divelement
Først må du lage en DIV -beholder ved å bruke "”Tag og sett inn“id”Attributt i innsiden Div -taggen.

Trinn 2: Legg til overskrifter
Legg til en overskrift mellom "”Tag ved å bruke“

" stikkord. Sett den andre overskriften ved hjelp av “

Trinn 3: Sett inn “

Produksjon

Trinn 4: Stil første overskrift
Neste, stil den første overskriften ved å bruke CSS -egenskapene:

H1
Font-family: Fantasy;
Farge: solid RGB (rød, grønn, blå);

Her:

• “Font-familie”Eiendom kan inneholde flere skriftnavn som en“falle tilbake”System. Det brukes til å spesifisere skriften for et element.
• “farge”Angir fargen på skriften.

Trinn 5: Stil andre overskrift
Stil den andre overskriften etter ditt valg:

H2
Farge: blå;
Font-stil: kursiv;

I henhold til ovennevnte kodebit:

• “fontstil”Tildeler en spesifikk stil for den definerte skriften.
• “farge”Er satt som“blå”Farge for

  .

Trinn 6: Access Div Container for styling
Få tilgang til Div Container “id”Ved å bruke ID -navnet”#Div-iframe”Og bruk CSS -egenskapene omtaler nedenfor:

#div-iframe
Margin: 40px;
tekst-align: sentrum;

Her:

• “margin”Eiendom definerer det gitte rommet utenfor grensen.
• “Tekstalign”Eiendom justerer den ekstra teksten i sentrum.

Trinn 7: Style iframe med CSS -egenskaper
For å style iframe, bruk CSS -egenskapene i henhold til din preferanse. For eksempel har vi brukt "grense”Eiendom for å definere grensen rundt elementet og“grensestil”For styling av grensen:

iframe
Grense: 5px solid Blueviolet;
Border-stil: Inset;

Produksjon

Det kan observeres at CSS har blitt brukt på den ekstra iframe.

Konklusjon

For å bruke CSS på en iframe, først, legg til en iframe ved å bruke "