iframe 주위에 경계선을 어떻게 만들죠?

iframe 주위에 경계선을 어떻게 만들죠?

워드프레스의 어떤 콘퍼런스에 경계를 추가하려고 합니다.css 파일을 추가하는 방법을 모르기 때문에 모든 것을 html(또는 적어도 html이라고 생각합니다)로 하려고 했습니다.코딩에 대한 내 지식은 고등학교 시절로 남겨져 있다.

1 또는 2px의 단순한 검은색 테두리를 만드는 내용은 다음과 같습니다.

<iframe src="https://link_to_my_file/file.pdf" style="width:1000px; height:300px;" frameborder="1"></iframe>

단, 이것은 동작하지 않습니다.그래서 이렇게 해봤어요

<iframe src="https://link_to_my_file/file.pdf" style="width:1000px; height:300px;" frameborder="1"></iframe> <style> iframe.solid {border-style:solid} </style> 

하지만 이것 또한 효과가 없었다.

별도의 css 파일을 사용하지 않고 적절한 방법으로 작업을 진행하려면 어떻게 해야 합니까?

인라인 HTML 스타일링을 사용하는 경우:

 <iframe src="https://link_to_my_file/file.pdf" 
    style="width:1000px; height:300px; border: 1px solid black;"></iframe>

출력은 스니펫으로 동작하지 않습니다.HTML5에서 권장되지 않는 속성<iframe>

스크롤

프레임 보더

정렬하다

장황한 설명

여백폭

iframe inline Atribute로 사용하는 대신 css에서 사용할 수 있습니다.

데모:

iframe{
border:4px solid red;
}

<iframe src="https://www.google.co.in/?gfe_rd=cr&dcr=0&ei=WyV_WvDBOY_E8wfHmba4Aw"></iframe>

사용되지 않는 속성에 대한 자세한 내용을 보려면 이 링크를 방문하십시오.

https://html.com/tags/iframe/

iframe 태그 내부의 style="에 테두리 선언을 추가하기만 하면 됩니다.

<iframe src="https://link_to_my_file/file.pdf" style="width:1000px; height:300px; border: 2px solid red"></iframe>

언급URL : https://stackoverflow.com/questions/48723284/how-do-i-create-a-border-around-iframe