{"id":143389,"date":"2024-09-13T13:56:22","date_gmt":"2024-09-13T08:26:22","guid":{"rendered":"https:\/\/data-flair.training\/blogs\/?p=143389"},"modified":"2024-09-13T13:56:22","modified_gmt":"2024-09-13T08:26:22","slug":"css-box-sizing","status":"publish","type":"post","link":"https:\/\/data-flair.training\/blogs\/css-box-sizing\/","title":{"rendered":"CSS Box Sizing and Its Properties"},"content":{"rendered":"

Program 1<\/h3>\n
<html>\r\n    <head><title>Box sizing <\/title>\r\n        <style>\r\n            #boxwh\r\n            {\r\n                width: 500px;\r\n                border: 10px;\r\n                border-color: blue;\r\n                border-style: double;\r\n                padding: 400px;\r\n                box-sizing:border-box;\r\n            }\r\n        <\/style>\r\n    <\/head>\r\n    <body>\r\n   <center>     \r\n<div id=\"boxwh\">\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  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<\/div>\r\n<\/center>     \r\n    <\/body>\r\n<\/html><\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Program 1 <html> <head><title>Box sizing <\/title> <style> #boxwh { width: 500px; border: 10px; border-color: blue; border-style: double; padding: 400px; box-sizing:border-box; } <\/style> <\/head> <body> <center> <div id=”boxwh”> Python is a General Purpose object-oriented programming...<\/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":[33054,22463,33053,33055,33020,33021],"class_list":["post-143389","post","type-post","status-publish","format-standard","hentry","category-css-tutorials","tag-box-sizing-in-css","tag-css","tag-css-box-sizing","tag-css-box-sizing-properties","tag-css-practical","tag-css-program"],"yoast_head":"\nCSS Box Sizing and Its Properties - 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\/css-box-sizing\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS Box Sizing and Its Properties - DataFlair\" \/>\n<meta property=\"og:description\" content=\"Program 1 <html> <head><title>Box sizing <\/title> <style> #boxwh { width: 500px; border: 10px; border-color: blue; border-style: double; padding: 400px; box-sizing:border-box; } <\/style> <\/head> <body> <center> <div id="boxwh"> Python is a General Purpose object-oriented programming...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/data-flair.training\/blogs\/css-box-sizing\/\" \/>\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-13T08:26:22+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":"CSS Box Sizing and Its Properties - 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\/css-box-sizing\/","og_locale":"en_US","og_type":"article","og_title":"CSS Box Sizing and Its Properties - DataFlair","og_description":"Program 1 <html> <head><title>Box sizing <\/title> <style> #boxwh { width: 500px; border: 10px; border-color: blue; border-style: double; padding: 400px; box-sizing:border-box; } <\/style> <\/head> <body> <center> <div id=\"boxwh\"> Python is a General Purpose object-oriented programming...","og_url":"https:\/\/data-flair.training\/blogs\/css-box-sizing\/","og_site_name":"DataFlair","article_publisher":"https:\/\/www.facebook.com\/DataFlairWS\/","article_published_time":"2024-09-13T08:26:22+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\/css-box-sizing\/#article","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/css-box-sizing\/"},"author":{"name":"DataFlair Team","@id":"https:\/\/data-flair.training\/blogs\/#\/schema\/person\/c187795dc82ab948373cca526df7c445"},"headline":"CSS Box Sizing and Its Properties","datePublished":"2024-09-13T08:26:22+00:00","mainEntityOfPage":{"@id":"https:\/\/data-flair.training\/blogs\/css-box-sizing\/"},"wordCount":8,"commentCount":0,"publisher":{"@id":"https:\/\/data-flair.training\/blogs\/#organization"},"keywords":["box sizing in css","css","css box sizing","css box sizing properties","css practical","css program"],"articleSection":["CSS Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/data-flair.training\/blogs\/css-box-sizing\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/data-flair.training\/blogs\/css-box-sizing\/","url":"https:\/\/data-flair.training\/blogs\/css-box-sizing\/","name":"CSS Box Sizing and Its Properties - DataFlair","isPartOf":{"@id":"https:\/\/data-flair.training\/blogs\/#website"},"datePublished":"2024-09-13T08:26:22+00:00","breadcrumb":{"@id":"https:\/\/data-flair.training\/blogs\/css-box-sizing\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/data-flair.training\/blogs\/css-box-sizing\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/data-flair.training\/blogs\/css-box-sizing\/#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":"CSS Box Sizing and Its Properties"}]},{"@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\/143389","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=143389"}],"version-history":[{"count":2,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/143389\/revisions"}],"predecessor-version":[{"id":143391,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/posts\/143389\/revisions\/143391"}],"wp:attachment":[{"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/media?parent=143389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/categories?post=143389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/data-flair.training\/blogs\/wp-json\/wp\/v2\/tags?post=143389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}