Ngarti kumaha IFrames dianggo dina rarancang ramatloka
Lamun anjeun Lebetkeun unsur dina anjeun HTML , Anjeun gaduh dua kasempetan pikeun nambahkeun gaya CSS ka dinya:
- Anjeun tiasa gaya nu IFRAME sorangan.
- Anjeun tiasa gaya kaca jero IFRAME nu (dina kaayaan nu tangtu).
Ngagunakeun CSS jeung gaya nu IFRAME Unsur
Hal kahiji anjeun kudu mertimbangkeun nalika styling iframes anjeun teh IFRAME sorangan. Bari paling panyungsi kaasup iframes tanpa loba gaya tambahan, éta masih mangrupakeun ide nu sae pikeun nambahkeun sababaraha gaya tetep aranjeunna konsisten.
Di dieu aya sababaraha gaya CSS mah sok kaasup kana iframes abdi:
- margin: 0;
- padding: 0;
- wates: taya;
- lebar: nilai;
- jangkungna: nilai;
Jeung lebar tur jangkungna disetel ka ukuran nu fits dina dokumen abdi. Di dieu conto pigura kalawan henteu gaya na salah kalayan ngan dasar styled. Salaku bisa ningali, gaya ieu lolobana ngan dipiceun wates sabudeureun iframe, tapi maranéhna ogé mastikeun yén sadaya panyungsi nembongkeun yen iframe jeung margins sarua, padding, sarta dimensi.
HTML5 ngajak nu nganggo harta mudal ngaleupaskeun bar ngagugulung, tapi nu teu bisa dipercaya. Ku kituna lamun hoyong piceun atawa ngarobah bar ngagugulung, Anjeun kedah nganggo atribut ngagulung dina iframe Anjeun ogé. Pikeun nganggo atribut ngagulung, nambahan deui kawas sagala atribut sejenna lajeng milih salah sahiji tilu nilai: enya, moal, atanapi otomatis. enya ngabejaan browser pikeun salawasna kaasup ngagugulung bar sanajan maranéhna teu diperlukeun. henteu nyebutkeun ngaleupaskeun sagala bar ngagugulung naha diperlukeun atawa henteu.
otomatis mangrupa standar jeung ngawengku ngagugulung bar teh basa aranjeunna keur dibutuhkeun sarta ngaluarkeun aranjeunna nalika aranjeunna henteu.
Di dieu nyaeta kumaha carana mareuman ngagulung jeung atribut ngagulung:
ngagulung = "euweuh" >
Ieu mangrupa iframe.
Mareuman ngagulung dina HTML5 anjeun nu sakuduna dituju ngagunakeun harta mudal. Tapi anjeun bisa ningali dina conto ieu teu dianggo reliably dina sakabéh panyungsi acan.
Di dieu téh kumaha anjeun bakal ngahurungkeun ngagulung sagala waktos kalawan harta mudal:
gaya = "mudal: gulung;" >
Ieu mangrupa iframe
.
Aya cara pikeun mareuman ngagulung tuntas jeung sipat mudal.
Loba désainer hoyong iframes maranéhna pikeun nyampur di kalayan kasang tukang kaca aranjeunna on kitu nu maos teu nyaho yén iframes téh malah aya. Tapi anjeun oge bisa nambahkeun gaya sangkan aranjeunna nangtung kaluar. Nyaluyukeun wates ambéh iframe nembongkeun up leuwih gampang nyaeta gampang. Ngan nganggo harta gaya wates (atawa ayeuna teh patali wates-luhur, wates-katuhu, wates-kénca, sarta wates-handap sipat) kana gaya wates:
iframe {
Wates-luhur: # c00 1px dotted;
Wates-katuhu: # c00 2px dotted;
Wates-kénca: # c00 2px dotted;
Wates-handap: # c00 4px dotted;
}
Tapi anjeun teu kudu eureun kalawan ngagulung na wates pikeun gaya Anjeun. Anjeun tiasa nerapkeun loba gaya CSS séjén pikeun iframe Anjeun. Contona kieu migunakeun gaya CSS3 méré iframe kalangkang hiji, rounded juru, sarta diputer deui 20 derajat.
iframe {
margin-luhur: 20px;
margin-handap: 30px;
-moz-wates-radius: 12px;
-webkit-wates-radius: 12px;
Wates-radius: 12px;
-moz-kotak-kalangkang: 4px 4px 14px # 000;
-webkit-kotak-kalangkang: 4px 4px 14px # 000;
kotak-kalangkang: 4px 4px 14px # 000;
-moz-transform: muterkeun (20deg);
-webkit-transform: Rotasikeun (20deg);
-o-transform: Rotasikeun (20deg);
-ms-transform: muterkeun (20deg);
filter: progid: DXImageTransform.Microsoft.BasicImage (rotasi = .2);
}
Styling Daptar eusi Iframe
Styling eusi hiji iframe téh kawas styling sagala kaca web lianna. Tapi, anjeun kudu boga aksés pikeun ngédit kaca. Lamun anjeun teu bisa ngédit kaca (contona, éta dina situs séjén).
Lamun bisa ngédit kaca, teras Anjeun bisa nambah hiji lambar gaya éksternal atanapi gaya katuhu dina dokumen éta kawas anjeun bakal gaya wae kaca web lianna dina situs anjeun.