Yadda za a Sanya Hotuna da CSS

Fahimtar yadda tsarin IFrames ke aiki a zane-zane

A lokacin da ka embed wani kashi a cikin HTML , kana da biyu dama don ƙara CSS styles zuwa gare shi:

Amfani da CSS don Sanya kayan aikin IFRAME

Abu na farko da ya kamata ka yi la'akari da lokacin da kake salo asrames shine IFRAME kanta. Duk da yake mafi yawan masu bincike sun hada da harafin da ba tare da yawancin samfurori ba, har yanzu yana da kyakkyawar ra'ayi don ƙara wasu styles don kiyaye su daidai.

Ga wasu CSS styles duk da haka sun hada da a kan myrames:

Tare da nisa da tsawo da aka saita zuwa girman da ya dace a takardata. A nan ne misalai na tayi ba tare da wani tsari ba kuma daya da kawai abubuwan da aka tsara. Kamar yadda kake gani, wadannan styles sun fi kawai cire iyakar a kusa da iframe, amma sun kuma tabbatar da cewa duk masu bincike suna nuna cewa idanrame tare da iyakance guda, padding, da kuma girma.

HTML5 ya bada shawarar cewa kayi amfani da kayan haɗi don cire gungunen gungura, amma wannan ba abin dogara bane. Don haka idan kana so ka cire ko canza gungumen gungura, ya kamata ka yi amfani da alamar juyawa a kan asra naka. Don amfani da alamar gungura, ƙara shi kamar wani nau'i kuma zaɓi ɗaya daga cikin dabi'u guda uku: a, babu, ko auto. in gaya wa mai bincike don a koyaushe ya hada da sandun gungura ko da idan ba a buƙatar su ba. babu ya ce ya cire duk gungumen gungumomi ko ake bukata ko a'a.

auto shi ne tsoho kuma ya haɗa da sandun gungura idan an buƙata su kuma cire su idan ba su da.

A nan ne yadda za a kashe gungurawa tare da fassarar alamar:

scrolling = "Babu" >
Wannan sigar iframe ne.

Don kashe gungurawa a cikin HTML5 ana kamata ka yi amfani da dukiya mai haɗuwa. Amma kamar yadda kake gani a cikin waɗannan misalai ba ya aiki a dogara a duk masu bincike duk da haka.

Ga yadda za ku kunna gungurawa duk lokacin tare da kayan haɗuwar:

style = "ambaliya: gungura;" >
Wannan sigar iframe ne.

Babu hanyar da za a kashe gungurawa gaba ɗaya tare da dukiya mai haɗuwa.

Mutane da yawa masu zane-zane suna so surara su haɗu tare da bayan shafukan da suke kan su don kada masu karatu su sani cewa iframes suna ko'ina a can. Amma zaka iya ƙara dabi'u don sa su tsaya waje. Daidaita kan iyakoki don nuna cewa iframe yana nunawa sau da yawa sauki. Yi amfani kawai da kayan yanki na yanki (ko kuma alaka da iyakokin da ke kan iyakar, iyakar-dama, iyakar gefen hagu, da haɓakar ƙasa-ƙasa) don yin kyan iyakokin:

idanrame {
iyakar kan iyakar: # c00 1px ya cika;
Yankin iyaka: # c00 2px da aka samu;
iyaka-gefen hagu: # c00 2px dotted;
Yankin iyakoki: # c00 4px da aka haɗaka;
}

Amma kada ku tsaya tare da gungurawa da iyakoki don tsarinku. Kuna iya amfani da wasu ƙwayoyin CSS masu yawa zuwa ga iframe. Wannan misali yana amfani da tsarin CSS3 don ba da haske a cikin inuwa, ya siffata sasanninta, kuma ya juya shi digiri 20.

idanrame {
gefe-saman: 20px;
gefe-kasa: 30px;

-moz-border-radius: 12px;
-waddar raguwa-raguwa: 12px;
radius iyaka: 12px;

-moz-box-inuwa: 4px 4px 14px # 000;
-dukin-shafi-inuwa: 4px 4px 14px # 000;
akwatin-inuwa: 4px 4px 14px # 000;

-moz-canza: juya (20deg);
-dabar-canzawa: juya (20deg);
-a-canza: juya (20deg);
-ms-canza: juya (20deg);
Tace: progid: DXImageTransform.Microsoft.BasicImage (juyawa = .2);
}

Sanya abubuwan Iframe

Ƙarfafa abubuwan da ke ciki na wani asrame kamar zane kowane shafin yanar gizon. Amma, dole ne ku sami dama don gyara shafin . Idan ba za ku iya gyara shafin (alal misali ba, a wani shafin).

Idan za ka iya shirya shafin, to, za ka iya ƙara wani takarda na waje ko styles daidai a cikin takardun kamar yadda za ka yi da wani shafin yanar gizo a kan shafinka.