Un cumparenza cumu IFrames travaglia in u situu di designu
Quandu incarnate un elementu in u vostru HTML , tenete dui opportunità per aghjunghje stile CSS :
- Pudete stilu u IFRAME stessu.
- Pudete stilu a pagina in l'IFRAME (sottu certu cundizioni).
Utilizendu CSS à Stile l'Element IFRAME
U primu chì vi vò quandu avere da cunsiderà quandu l'elegà i vostri iframe hè l'IFRAME stessu. Mentre a maiò parte di i browseri inclusi i irami senza parechji stili extra, hè sempri una bona idea per aghjunghje parechji stili per mantene o seguente.
Eccu alcuni estensioni CSS chì aghju includendu sempre in i mo irami:
- marghjini: 0;
- padding: 0;
- fruntiera: nimu;
- larghezza: valore ;
- altu: valore ;
Cù l'larghezza è l'altura pusata per a grannizza ca cena à u mo documentu. Quì sunnu esempi di un quadru, senza stili, è unu cù i principii stò. Comu pudete vede, sti stili basta solu caccià a fruntiera versu u iframu, ma dinò ancu chì i vostri navigatori viranu l'iframe cù i stessi marchi, padding e dimensioni.
Html5 ricumanda chì utilizate a propria di supranamentu per sguassà i bars di scroll, ma chì ùn hè micca affidatu. Allora si vulete sguassate o mudificate a reta di scroll, avete aduprà l'attributu di scrolling nantu à u vostru marcatu. Per utilizà l'attributu di scrollamentu, aghjunghje cum'è qualsiasi qualchì altru attribuu, è sceglite unu di trè valori: sì, nè, o autore. Sì dilla à u navigatore per includinu sempre i scroll bars, ancu se ùn sò micca necessità. ùn dice micca per sguassà tutti i scroll bars si averebbi o micca.
L'auto hè l'impurtante per quì è includenu i bars di scroll da quandu sò necessità è sguassate quandu ùn sò micca.
Eccu cumu si apre u scrolling cù l'attributu di scrollamentu:
scrolling = "no" >
Questu hè un iframe.
Per scrive in HTML5 avete aduprate a propiu prufunditu. Ma cumu pudete vede in quelli esempii, ùn hè micca travagliatu bè in tutti i navigatori.
Eccu cumu turnate annantu à u scrollulu di tutte u tempu cù a prupietà:
style = "overflow: scroll;" >
Questu hè un iframe.
Ùn ci hè nè manera di scambiassi u scrolling completamente cù a pruprietà sopravantazione.
Molti disinfettori vulianu i so marchjadini à cunfondenu cù i sfondate di a pagina chì sò in cusì chì i lecturi ùn sanu micca chì i iframe sò ancu quì. Ma pudete ancu aghjunghje stili chì facenu standu. Aghjettendu i fruntieri per chì l'iframe si mostra più faciule hè facilitu. Aduprate l'alte di stile di cunfini (o cunnessu frontiere superiore, frontiere di dritta, frontiereali è frontiere) per stile di e fruntiere:
iframe {
frontière-top: # c00 1px puntatu;
frontiere di dirittu: # c00 2px punteatu;
frontiere in isulana: # c00 2px punteatu;
frontière-fondu: # c00 4px puntatu;
}
Ma ùn deve micca firmà di scrolling è cunfini per i vostri stili. Pudete applicà assai oltre stili CSS à u vostru marchitu. Questu esempiu uscite l'articoli CSS3 per dà l'iframe una sombra, curone arruinati, è hà rottitu 20 gradi.
iframe {
margin-top: 20px;
margin-bottom: 30px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
radiu frontiale: 12px;
-moz-box-shadow: 4px 4px 14px # 000;
-webkit-box-shadow: 4px 4px 14px # 000;
box-shadow: 4px 4px 14px # 000;
-moz-transformate: rotate (20deg);
-webkit-transforma: rotate (20deg);
-o-transformate: rotate (20deg);
-muzaghju trasfurmate: rotate (20deg);
filtru: progid: DXImageTransform.Microsoft.BasicImage (rotation = .2);
}
Styling the Iframe Contenutu
Styling u cuntenutu di un iframe hè cum'è l'elegante di alcuna pagina web. Ma, avete bisognu di accessu per edità a pagina . Se ùn pudete micca edità a pagina (per esempiu, hè nantu à un altru situ).
Se pudete edità a pagina, pudete aghjunghje una struttura di stile esternita o stile in u documentu cum'è avete stile una altra pagina web nantu à u vostru situ.