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

\"\"\"\"<\/a>Padding adds a transparent area inside <\/b>the border of an element. Without padding, text and images images will displayed on the edge of window\/container.<\/p>\n

Paddings add to the total width and height of an element.<\/p>\n

\"\"<\/a><\/p>\n

Specific Paddings<\/h1>\n

Margins for each side can be set separately:<\/p>\n

\r\n.quotation {\r\n    padding-top: 10px;\r\n    padding-right: 5px;\r\n    padding-bottom: 10px;\r\n    padding-left: 5px;\r\n}\r\n<\/pre>\n
Padding Shorthand<\/h1>\n
The padding shorthand property can have different numbers of values.<\/p>\n
4 values = top – right – bottom – left<\/p>\n
\r\n.quotation  { \r\n    padding: 10px 5px 10px 5px;\r\n} \r\n<\/pre>\n
3 values = top – left & right – bottom<\/p>\n
\r\n.quotation { \r\n    padding: 10px 5px 10px;\r\n} \r\n<\/pre>\n
2 values = top & bottom – left & right<\/p>\n
\r\n.quotation { \r\n    padding: 10px 5px;\r\n} \r\n<\/pre>\n
1 value = top & bottom & left & right<\/p>\n
\r\n.quotation { \r\n    padding: 10px;\r\n} \r\n<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
Padding adds a transparent area inside the border of an element. Without padding, text and images images will displayed on the edge of window\/container. Paddings add to the total width and height of an element. Specific Paddings Margins for each side can be set separately: .quotation { padding-top: 10px; padding-right: 5px; padding-bottom: 10px; padding-left: 5px; } Padding Shorthand The padding shorthand property can have different numbers of values. 4 values<\/p>\n
Read More<\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"parent":86,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-215","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/215","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=215"}],"version-history":[{"count":3,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/215\/revisions"}],"predecessor-version":[{"id":220,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/215\/revisions\/220"}],"up":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/pages\/86"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/sh\/ahscomputinghtml\/wp-json\/wp\/v2\/media?parent=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}