Dans HTML, "iframe"Est un acronyme pour le cadre en ligne. Il a une structure de forme rectangulaire qui est principalement utilisée pour insérer le contenu d'un autre site Web dans une page HTML. Toute vidéo, lien vers un autre site Web, image ou d'autres informations se trouve sur une page Web à l'aide de l'élément IFRAME. De plus, cet iframe propose des frontières et des barres de défilement pour améliorer l'apparence et la sensation du document.

Ce message expliquera:

• Qu'est-ce qu'un iframe dans HTML?
• Comment appliquer CSS à un iframe?

Qu'est-ce qu'un iframe dans HTML?

Un élément de HTML qui est utilisé pour charger d'autres pages HTML à l'intérieur de celui actuel est essentiellement connu comme un «cadre en ligne». De plus, il a placé de nombreuses pages Web sur la page racine. Cet élément HTML est fréquemment utilisé pour les films intégrés, les publicités, l'analyse en ligne et le contenu interactif.

Comment appliquer CSS à un iframe?

Pour appliquer le CSS à un iframe en HTML, essayez les instructions mentionnées.

Étape 1: Créez un élément div
Tout d'abord, créez un conteneur div en utilisant le «"Tag et insérer le"identifiant”Attribut dans la balise div intérieure.

Étape 2: Ajouter des titres
Ajoutez une rubrique entre le "”Tag en utilisant le"

" étiqueter. Insérez le deuxième titre avec l'aide du «

Étape 3: Insérer "

Sortir

Étape 4: Style First Heading
Ensuite, stylisez le premier titre en appliquant les propriétés CSS:

H1
Font-Family: Fantasy;
Couleur: RVB solide (rouge, vert, bleu);

Ici:

• "famille de polices«La propriété peut contenir plusieurs noms de police comme«se retirer" système. Il est utilisé pour spécifier la police pour un élément.
• "couleur»Spécifie la couleur de la police.

Étape 5: style de style secondaire
Maintenant, stylisez le deuxième titre en fonction de votre choix:

H2
Couleur bleue;
Style de police: italique;

Selon l'extrait de code ci-dessus:

• "le style de police"Attribué un style spécifique pour la police définie.
• "couleur"Est défini comme le"bleu”Couleur pour le

  .

Étape 6: Access Div Container pour le style
Accéder au conteneur div "identifiant"En utilisant le nom d'identification"# div-iframe»Et appliquez les propriétés CSS mentionnant ci-dessous:

# div-iframe
marge: 40px;
Texte-aligne: Centre;

Ici:

• "marge»La propriété définit l'espace donné en dehors de la frontière.
• "alignement de texte»La propriété aligne le texte ajouté au centre.

Étape 7: Style Iframe avec les propriétés CSS
Pour coiffer le iframe, appliquez les propriétés CSS en fonction de votre préférence. Par exemple, nous avons utilisé le «frontière«Propriété pour définir la frontière autour de l'élément et de la« «style de bordure«Pour styliser la frontière:

iframe
Border: 5px Blueviolet solide;
Style de la frontière: encadré;

Sortir

On peut observer que le CSS a été appliqué avec succès à l'Iframe ajouté.

Conclusion

Pour appliquer le CSS à un iframe, ajoutez d'abord un iframe en utilisant le «