Када уградите елемент у свој ХТМЛ, имате двије могућности да додате ЦСС стилове:
- Можете га обликовати
ИФРАМЕ сам.
- Можете створити страницу унутар
ИФРАМЕ (под одређеним условима).
Коришћење ЦСС-а за стил ИФРАМЕ Елемента
Прва ствар коју треба узети у обзир приликом стајања ваших ифрама јесте
ИФРАМЕ
маржа: 0; паддинг: 0; граница: нема; ширина: вредност ; висина: вредност ; Са ширина
и висина
поставите на величину која се уклапа у мој документ. Ево примера кадра без стилова и један са основним стиловима. Као што видите, ти стилови углавном само уклањају границу око ифраме-а, али такође обезбеђују да сви прегледачи прикажу тај ифраме са истим маргинама, паддинг-ом и димензијама.ХТМЛ5 препоручује да користите прелив
својство за уклањање трака за помицање, али то није поуздано. Дакле, ако желите да уклоните или промените траке за помицање, требало би да користите скроловање
атрибут и на вашем ифраме-у. Да користите скроловање
атрибут, додајте га као било који други атрибут, а затим изаберите једну од три вредности: да
, не
, или ауто
да
говори прегледачу да увек укључује траке за помицање чак и ако нису потребне. не
каже да уклоне све траке за померање било да је потребно или не. ауто
је подразумевано и укључује траке за помицање када су потребне и уклања их када нису. Ево како да искључите скроловање помоћу скроловањеатрибут: скроловање = "не"> Да бисте искључили скроловање у ХТМЛ5-у, требало би да користите прелив
својство. Али, као што можете видети у овим примјерима, не функционише поуздано у свим претраживачима. Ево како бисте стално укључивали скроловање преливсвојство: стиле = "оверфлов: сцролл;"> Постоји Не долази у обзир да искључите скроловање у потпуности са прелив
својство. Многи дизајнери желе да се њихови асиметри уклопи у позадину странице на којој се налазе, тако да читаоци не знају да су чак и кадри. Али такође можете додати стилове како би их истакли. Подешавање граница тако да се ифраме појави лакше. Само користите граница
стиле проперти (или је то повезано бордер-топ
, гранична десна
, гранична левица
, и гранично дносвојства) за обликовање граница: ифраме {бордер-топ: # ц00 1пк тачкасто;гранична десна: # ц00 2пк тачкаста;бордер-лефт: # ц00 2пк тачкасто;бордер-боттом: # ц00 4пк тачкасто;}
Али не би требало да престанете са скроловањем и границама за своје стилове. Можете да примените много других ЦСС стилова у свој оквир. Овај примјер користи ЦСС3 стилове да даје ифраме сенци, заобљене углове и ротира га за 20 степени. ифраме {маргин-топ: 20пк;маргин-боттом: 30пк;-моз-граница-радијус: 12пк;-вебкит-граница-радијус: 12пк;гранични радијус: 12пк;-моз-бок-схадов: 4пк 4пк 14пк # 000;-вебкит-бок-схадов: 4пк 4пк 14пк # 000;бок-схадов: 4пк 4пк 14пк # 000;-моз-трансформ: ротирати (20дег);-вебкит-трансформ: ротирати (20дег);-о-трансформ: ротирати (20дег);-мс-трансформација: ротирати (20дег);филтер: прогид: ДКСИмагеТрансформ.Мицрософт.БасицИмаге (ротација = .2);} Стајање садржаја ифраме-а је исто као и стилизација било које друге веб странице. Али ти мора имати приступ уређивању странице . Ако не можете уређивати страницу (на примјер, то је на другом мјесту). Ако можете да уређујете страницу, онда можете додати спољашњи стилски стил или стилове у документу баш као што бисте стајали на било којој другој веб страници на вашем сајту.
Ово је ифраме.
Ово је ифраме.
Стајањем садржаја Ифраме
