Set size for iframe in HTML and CSS

Description

The following code shows how to set size for iframe.

Example


<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
</head><!--   ww  w  .  j  av  a 2 s  . com-->
<body>
<iframe src="http://google.com" width="300" height="100">
</iframe>
</body>
</html>

Click to view the demo

The code above generates the following result.

Set size for iframe in HTML and CSS

Home »
  HTML CSS Tutorial »
    Layout »
      Frame

HTML CSS Tutorial Frame
Create HTML frame in HTML and CSS
Create Horizontal Frameset in HTML and CSS
Create Nested Frameset in HTML and CSS
Create Nested frames in HTML and CSS
Create Vertical Frameset in HTML and CSS
Create a Frameset with 10 pixel border in H...
Create a Frameset with no border in HTML an...
Create a Frameset with space in HTML and CS...
Create a basic frameset in HTML and CSS
Create an inline frame(iframe) in HTML and ...
Create an inline frame with iframe in HTML ...
Create not resizable frame in HTML and CSS
Frameset with 10 pixel frameborder in HTML ...
Set iframe as target for anchor link target...

Set size for iframe in HTML and CSS