Esi na CSS na-ejiri Style CSS

Ịghọta otú IFRAM na-arụ ọrụ na imewe weebụ

Mgbe ị nabatara ihe mmemme gị na HTML , ị nwere ohere abụọ ịgbakwunye CSS n'ụdị ya:

Iji CSS ka Style BỤ ỤBỤRỤ IFRAME

Ihe mbụ ị ga-atụle mgbe ị na-achọpụta iframes gị bụ IFRAME n'onwe ya. Ọ bụ ezie na ọtụtụ ihe nchọgharị na-agụnye iframes na-enweghị ọtụtụ ụdị mmezi, ọ ka bụ ezi echiche ịgbakwunye ụdị ụfọdụ iji nọgide na-agbanwe agbanwe.

Lee ụfọdụ ụdị CSS m na-agụnye mgbe niile na iframes m:

Na obosara na ịdị elu e setịpụrụ na nha nke dabara na akwụkwọ m. Ndị a bụ ihe atụ nke etiti na-enweghị ụdị na onye nwere nanị ihe ndị e dere na ya. Dịka ị pụrụ ịhụ, ụdị ndị a kachasị na-ewepu ókèala gburugburu iframe, ma ha hụkwara na ihe nchọgharị niile na-egosipụta na iframe nwere akụkụ dị n'akụkụ, mgbochi, na akụkụ.

HTML5 na- atụ aro na ị na-eji ihe mmiri juru iji wepu akwụkwọ mpịakọta, ma nke ahụ abụghị ihe a pụrụ ịdabere na ya. Ya mere, ọ bụrụ na ịchọrọ iwepu ma ọ bụ gbanwee akwụkwọ mpịakọta, ị kwesịrị iji okwu mpịakọta na iframe gị. Iji jiri akwụkwọ mpịakọta, gbakwunye ya dị ka àgwà ọ bụla ọzọ wee họrọ otu n'ime ụkpụrụ atọ: ee, ee, ma ọ bụ akpaaka. ee na-agwa nchọgharị ka ị na-agụnye akwụkwọ mpịakọta ọ bụla ma ọ bụrụ na ha adịghị mkpa. ọ dịghị ekwu iji wepu akwụkwọ mpịakọta niile ma ọ dị mkpa ma ọ bụ.

akpaaka bụ ndabara ma na-agụnye ogwe mpịakọta mgbe ọ dị ha mkpa ma wepu ha mgbe ha na-adịghị.

Nke a bụ otu esi gbanyụọ mpịgharịa na àgwà mpịakọta:

scrolling = "no" >
Nke a bụ iframe.

Iji gbanyụọ mpịakọta na HTML5, ị kwesiri iji ogbu mmiri. Ma dịka ị pụrụ ịhụ n'ime ihe atụ ndị a adịghị arụ ọrụ dabere na ihe nchọgharị niile ma.

Nke a bụ otu ị ga - esi gbanwee akwụkwọ mpịakọta mgbe niile na ihe na - ejupụta na mmiri:

ụdị = "Iju mmiri: mpịakọta;" >
Nke a bụ iframe.

Enweghị ụzọ ị ga-esi gbanyụọ mpịakọta kpamkpam na ihe mmiri juru.

Ọtụtụ ndị na-emepụta chọrọ ka iframes ha jikọta na ndabere nke ibe ha ka ndị na-agụ ya wee ghara ịma na iframes dị ọbụna n'ebe ahụ. Ma, ị nwekwara ike ịgbakwunye ụdị ka ime ka ha pụọ. Ịgbanwezi ala iji mee ka iframe gosipụta ngwa ngwa dị mfe. Naanị na-eji ihe onwunwe mpaghara ókè (ma ọ bụ na-agbakwunye ókè-n'elu, ókè-aka nri, ala-ekpe, na ala-ala ala) na ịke ala:

iframe {
oke-elu: # c00 1px dotted;
oke aka nri: # c00 2px dotted;
ekpe aka ekpe: # c00 2px dotted;
ala ala: # c00 4px dotted;
}

Mana ị gaghị akwụsị site na ịpịgharịa na ala maka ụdị gị. Ị nwere ike itinye ọtụtụ ụdị CSS ọzọ na iframe gị. Ihe atụ a na-eji ụdị CSS3 nye onyinyo ma ọ bụrụ na ọ bụ onyinyo, ma gbanwee ya ogo 20.

iframe {
oke-n'elu: 20px;
oke-ala: 30px;

-moz-border-radius: 12px;
-azụrịrị na-agbasiri mgbaaka: 12px;
radius ókè-ala: 12px;

-moz-box-shadow: 4px 4px 14px # 000;
-obodo mkpuchi-onyinyo: 4px 4px 14px # 000;
igbe-onyinyo: 4px 4px 14px # 000;

-moz-mgbanwe: gbanwee (20deg);
-nkponye-mgbanwe: gbanwee (20deg);
-o-mgbanwe: gbanwee (20deg);
-am-mgbanwe: gbanwee (20deg);
ntinye: progid: DXImageTransform.Microsoft.BasicImage (ntụgharị = .2);
}

Na-atụgharị Iframe Ndị ahụ

Ịmepụta ọdịnaya nke iframe dị ka imepụta ibe weebụ ọ bụla ọzọ. Ma, ị ga-enwerịrị ohere iji dezie ibe . Ọ bụrụ na ịnweghị ike idezi ibe (dịka ọmụmaatụ, ọ dị na saịtị ọzọ).

Ọ bụrụ na ị nwere ike idezi ibe ahụ, ị ​​nwere ike itinye akwụkwọ mpempe akwụkwọ mpempe akwụkwọ ma ọ bụ n'ụdị nke ọma na akwụkwọ ahụ dị ka ị ga-eji ọ bụla ibe weebụ dị na saịtị gị.