Languages
[Edit]
EN

HTML - how to style iframe

0 points
Created by:
Palpys
464

In this article, we would like to show you how to style iframe in HTML.

Quick solution:

// ONLINE-RUNNER:browser;

<iframe src="https://dirask.com/findings"
		style="height:250px; width:90%; box-shadow:10px 10px 8px #888888; border:none;"
		title="Dirask Findings"></iframe>

 

Practical example

In this example, we use the iframe's style attribute to style the iframe with CSS properties. 

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<body>
  <iframe src="https://dirask.com/findings"
		  style="height:250px; width:90%; box-shadow:10px 10px 8px #888888; border:none;"
		  title="Dirask Findings">
  </iframe>
</body>
</html>
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join