{"id":222,"date":"2021-06-07T12:25:03","date_gmt":"2021-06-07T11:25:03","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/?page_id=222"},"modified":"2021-06-09T21:14:04","modified_gmt":"2021-06-09T20:14:04","slug":"display","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/css\/css-properties\/display\/","title":{"rendered":"display"},"content":{"rendered":"

\"\"\"\"<\/a>The display property controls if\/how html elements are displayed.<\/p>\n

Elements such as divisions, headings and paragraphs are usually block<\/strong> elements – they start on a new line and takes up the whole of their container.<\/p>\n

Elements such as spans, images and hyperlinks are usually inline<\/strong> elements – they only take up as much width as they need, and are displayed alongside other elements.<\/p>\n

display: none;<\/h1>\n
img#banner {\r\n    display: none;\r\n}\r\n<\/pre>\n
The element will not be hidden, and the rest of the page displayed as if the element was not there.<\/p>\n
display: block;<\/h1>\n
a.linkslist {\r\n    display: block;\r\n}<\/pre>\n
This will make a normally inline element behave as a block element.<\/p>\n
Example: Displaying several hyperlinks on separate lines<\/p>\n
display: inline;<\/h1>\n
li.navigationbar {\r\n    display: inline;\r\n}<\/pre>\n
This will make a normally block element behave as a inline element.<\/p>\n
Example: making inline <li> elements for horizontal menus:<\/p>\n
 <\/p>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
The display property controls if\/how html elements are displayed. Elements such as divisions, headings and paragraphs are usually block elements – they start on a new line and takes up the whole of their container. Elements such as spans, images and hyperlinks are usually inline elements – they only take up as much width as they need, and are displayed alongside other elements. display: none; img#banner { display: none; }<\/p>\n
Read More<\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"parent":366,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-222","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/222","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":6,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"predecessor-version":[{"id":242,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/222\/revisions\/242"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/366"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}