Чӣ гуна ба IFRames бо CSS оред

Фаҳмидани он ки чӣ гуна IFRames дар тарҳрезии вебсайт кор мекунад

Вақте, ки шумо HTML-ро ба унвони элементи электрунишударо ҷойгиркунед, шумо метавонед ду рамзро илова кунед:

Истифодаи CSS ба стандарти IFRAME элемент

Аввалин чизест, ки шумо бояд ҳангоми баррасии формулаи худ IFRAME худ фикр кунед. Дар ҳоле, ки бештари браузерҳо якчанд намуди иловагӣро ишғол мекунанд, ин як идеяи хубест барои илова кардани баъзе услубҳо барои нигоҳ доштани онҳо.

Дар ин ҷо баъзе сабкҳои CSS ман ҳамеша дар зеҳнҳои ман ҳастанд:

Бо паҳн ва баландии андоза, ки дар ҳуҷҷати ман мувофиқ аст. Дар ин ҷо мисолҳои чаҳорчӯба нест, ки тарҳҳо ва яке бо танҳо асосҳои таҳияшуда мебошанд. Тавре ки шумо мебинед, ин услубҳо аксаран фақат сарҳадро дар атрофи худ ҷойгир мекунанд, аммо онҳо низ кафолат медиҳанд, ки ҳамаи браузерҳо бо ҳамон як маркаҳо, пазандаҳо ва андозаҳо нишон медиҳанд.

HTML5 тавсия медиҳад, ки шумо пӯшидани амволи гардишро барои хориҷ кардани сутунҳои паймоиш истифода баред, аммо ин боварӣ нест. Пас, агар шумо мехоҳед, ки сутунҳои паймоишро тоза кунед ё тағир диҳед, шумо бояд хосиятро дар таблитсаатон истифода баред. Барои истифодаи тасвири пайғамбар, ба монанди ҳар гуна хусусият, илова кунед ва яке аз се арзишҳоро интихоб кунед: ҳа, не, ё худкор. Ҳа, браузери браузерро даъват мекунад, ки ҳамеша дар бар гиранд, ҳатто агар лозим шавад. ҳеҷ гуна гуфтан нест, ки ҳамаи постҳои паймоиширо, агар лозим бошад ё не.

Автоматизатӣ ба таври худкор аст ва дар бар мегирад, вақте ки онҳо лозиманд, ки баргҳои паймоиширо дар бар гиранд ва вақте ки онҳо нестанд, онҳоро тоза мекунад.

Ин аст, ки чӣ тавр ба рӯйхат ҳаракат кунед,


Ин аст ифодаи

Барои хомӯш кардани тасвир дар HTML5, шумо бояд таъин карда шавад, ки моликияти сарпӯшро истифода барад. Аммо, чунон ки шумо дар ин намоишҳо мебинед, он дар ҳама браузерҳо беэътиноӣ намекунад.

Ин аст, ки чӣ тавр шумо тамоми вақти худро бо моликияти пошхўрда бармегардонед:

style = "overflow: scroll;"
Ин як ифодагари
аст

Ҳеҷ гуна роҳе нест , ки ҳама қолабро бо моликияти пошхӯрӣ барҳам диҳад.

Бисёре аз дизайнерон мехоҳанд, ки фраксияҳои худро бо дараҷаи саҳифаҳои он дарбар гиранд, ки хонандагон намедонанд, ки агар дар он ҷо вуҷуд дошта бошад. Вале шумо инчунин метавонед сабтҳоро барои он, ки онҳоро ба онҳо нишон диҳед, илова кунед. Ҳудуди марзҳо то он даме, ки ҳуруфот аз ҳама бештар осебпазиранд, осон аст. Танҳо тасвири марзҳои сарҳадиро истифода баред (ё он марбут ба марзҳои сарҳадӣ, сарҳадӣ, росткунҷа, сулҳ ва поёнии марзҳо) барои тарҳрезии марзҳо:

iframe {
сатҳи сарҳадӣ: # c00 1px нуқта;
border-right: # c00 2px нуқта;
сарҳад-чап: # c00 2px нуқта;
сарҳад-поёни: # c00 4px нуқта;
}}

Аммо шумо бояд бо сабки навбатӣ ва марзҳои худ боқӣ монед. Шумо метавонед сабтҳои дигар CSS-ро ба номи худ истифода баред. Ин намунаи CSS3-ро истифода мебарад, то ки ҳангоме, ки сояҳояшро пахш карда, решакан карда, онро 20 дараҷа иваз кунад.

iframe {
margin-top: 20px;
margin-bottom: 30px;

-Моз-сарҳад-радиус: 12px;
-Васлкунӣ-фароғатӣ: 12px;
сарҳад-радиус: 12px;

-moz-box-соя: 4px 4px 14px # 000;
-вебкит-толор-соя: 4px 4px 14px # 000;
box-соя: 4px 4px 14px # 000;

-Моз-трансформатор: таркиб (20deg);
-вебкит-трансформатор: баргард (20deg);
-o-табдил: rotate (20deg);
-сомона-табдил: rotate (20deg);
филтр: пешакӣ: DXImageTransform.Microsoft.BasicImage (rotation = .2);
}}

Мундариҷа iframe

Силсилаи мундариҷаи он аст, ки монанди саҳифаҳои дигари веб саҳифа аст. Аммо, шумо бояд вироиши саҳифаро дастрас кунед . Агар шумо саҳифаро таҳрир карда наметавонед (масалан, дар сайти дигар мавҷуд аст).

Агар шумо метавонед саҳифаро таҳрир кунед, пас шумо метавонед саҳифаҳои стандартии берунӣ ё стандартиро дар ҳуҷҷат ба монанди тавре, ки шумо саҳифаҳои дигари веб дар сайтро тарроҳӣ карда метавонед, илова кунед.