{"id":143384,"date":"2024-09-13T12:43:15","date_gmt":"2024-09-13T07:13:15","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=143384"},"modified":"2024-09-13T12:43:15","modified_gmt":"2024-09-13T07:13:15","slug":"width-and-height-property-in-css","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/","title":{"rendered":"Width and Height Property in CSS"},"content":{"rendered":"<h3>Program 1<\/h3>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">New! Keyboard shortcuts \u2026 Drive keyboard shortcuts have been updated to give you first-letters navigation\r\n&lt;html&gt;\r\n    &lt;head&gt;&lt;title&gt;First CSS Page&lt;\/title&gt;\r\n     &lt;style&gt;\r\n        .wh\r\n        {\r\n            border: 5px;\r\n            border-color: blue;\r\n            border-style: double;\r\n            width: 100%;\r\n            height: 200px;\r\n        }\r\n     &lt;\/style&gt;\r\n    &lt;\/head&gt;\r\n    &lt;body&gt;\r\n  &lt;div class=\"wh\"&gt;\r\n  Python is a General Purpose object-oriented programming language, which means that it can model real-world entities. It is also dynamically-typed because it carries out type-checking at runtime.\r\n  It does so to make sure that the type of construct matches what we expect it to be.\r\n  The distinctive feature of Python is that it is an interpreted language.The Python IDLE (Integrated Development Environment) executes instructions one line at a time. This also lets us use it as a calculator.\r\n &lt;\/div&gt;  \r\n \r\n    &lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Program 1 New! Keyboard shortcuts \u2026 Drive keyboard shortcuts have been updated to give you first-letters navigation &lt;html&gt; &lt;head&gt;&lt;title&gt;First CSS Page&lt;\/title&gt; &lt;style&gt; .wh { border: 5px; border-color: blue; border-style: double; width: 100%; height: 200px;&#46;&#46;&#46;<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27226],"tags":[22463,33046,33047,33049,33020,33021,33048],"class_list":["post-143384","post","type-post","status-publish","format-standard","hentry","category-css-tutorials","tag-css","tag-css-height-and-width-property","tag-css-height-property","tag-css-image","tag-css-practical","tag-css-program","tag-css-width-property"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Width and Height Property in CSS - DataFlair<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Width and Height Property in CSS - DataFlair\" \/>\n<meta property=\"og:description\" content=\"Program 1 New! Keyboard shortcuts \u2026 Drive keyboard shortcuts have been updated to give you first-letters navigation &lt;html&gt; &lt;head&gt;&lt;title&gt;First CSS Page&lt;\/title&gt; &lt;style&gt; .wh { border: 5px; border-color: blue; border-style: double; width: 100%; height: 200px;&#046;&#046;&#046;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/\" \/>\n<meta property=\"og:site_name\" content=\"DataFlair\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DataFlairWS\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-13T07:13:15+00:00\" \/>\n<meta name=\"author\" content=\"DataFlair Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:site\" content=\"@DataFlairWS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DataFlair Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Width and Height Property in CSS - DataFlair","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/","og_locale":"en_US","og_type":"article","og_title":"Width and Height Property in CSS - DataFlair","og_description":"Program 1 New! Keyboard shortcuts \u2026 Drive keyboard shortcuts have been updated to give you first-letters navigation &lt;html&gt; &lt;head&gt;&lt;title&gt;First CSS Page&lt;\/title&gt; &lt;style&gt; .wh { border: 5px; border-color: blue; border-style: double; width: 100%; height: 200px;&#46;&#46;&#46;","og_url":"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2024-09-13T07:13:15+00:00","author":"DataFlair Team","twitter_card":"summary_large_image","twitter_creator":"@DataFlairWS","twitter_site":"@DataFlairWS","twitter_misc":{"Written by":"DataFlair Team","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/c187795dc82ab948373cca526df7c445"},"headline":"Width and Height Property in CSS","datePublished":"2024-09-13T07:13:15+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/"},"wordCount":8,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"keywords":["css","css height and width property","css height property","css image","css practical","css program","css width property"],"articleSection":["CSS Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/","url":"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/","name":"Width and Height Property in CSS - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"datePublished":"2024-09-13T07:13:15+00:00","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/width-and-height-property-in-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog Home","item":"https:\/\/data-flair.training\/blogs\/"},{"@type":"ListItem","position":2,"name":"CSS Tutorials","item":"https:\/\/data-flair.training\/blogs\/category\/css-tutorials\/"},{"@type":"ListItem","position":3,"name":"Width and Height Property in CSS"}]},{"@type":"WebSite","@id":"https:\/\/data-flair.training\/blogs\/#website","url":"https:\/\/data-flair.training\/blogs\/","name":"DataFlair","description":"Learn Today. Lead Tomorrow.","publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/data-flair.training\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/data-flair.training\/blogs\/#organization","name":"DataFlair","url":"https:\/\/data-flair.training\/blogs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/","url":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","contentUrl":"https:\/\/data-flair.training\/blogs\/wp-content\/uploads\/sites\/2\/2016\/07\/Data-Flair.png","width":106,"height":48,"caption":"DataFlair"},"image":{"@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DataFlairWS\/","https:\/\/x.com\/DataFlairWS","https:\/\/www.linkedin.com\/company\/dataflair-web-services-pvt-ltd\/","https:\/\/www.youtube.com\/user\/DataFlairWS"]},{"@type":"Person","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/c187795dc82ab948373cca526df7c445","name":"DataFlair Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/2302ebc438084d2f1f993edc1996a0aae01332e81f3227cba8df0c48ec010ca4?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2302ebc438084d2f1f993edc1996a0aae01332e81f3227cba8df0c48ec010ca4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2302ebc438084d2f1f993edc1996a0aae01332e81f3227cba8df0c48ec010ca4?s=96&d=mm&r=g","caption":"DataFlair Team"},"description":"DataFlair Team provides high-impact content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. We make complex concepts easy to grasp, helping learners of all levels succeed in their tech careers.","url":"https:\/\/data-flair.training\/blogs\/author\/dfteam6\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/143384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/comments?post=143384"}],"version-history":[{"count":1,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/143384\/revisions"}],"predecessor-version":[{"id":143385,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/143384\/revisions\/143385"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=143384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=143384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=143384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}