Any *\u2020<\/td> | 3 *\u2020<\/td> | 1 \u2021<\/td> | 7 *<\/td> | 8 *<\/td> | 2.1 *\u2020<\/td> | Any *<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n * padding-box<\/code> not supported<\/p>\n\n\n\n\u2020 older versions require -webkit<\/code> prefix (Chrome 1-9, Safari 3-5, Android 2.1-3.x)<\/p>\n\n\n\n\u2021 -moz<\/code> prefix required up to version 28, unprefixed as of 29.<\/p>\n","protected":false},"excerpt":{"rendered":"The box-sizing property in CSS controls how the box model is handled for the element it applies to. One of the more common ways to use it is to apply it to all elements on the page, pseudo elements included: This is often called “universal box-sizing”, and it’s a good way to work! The (literal) […]<\/p>\n","protected":false},"author":1036,"featured_media":0,"parent":13913,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"page-almanac-single.php","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":""},"tags":[],"acf":[],"jetpack-related-posts":[{"id":149844,"url":"https:\/\/css-tricks.com\/lodge\/learn-jquery\/09-getters-setters\/","url_meta":{"origin":13978,"position":0},"title":"#09: Getters and Setters","date":"September 12, 2013","format":false,"excerpt":"The concept of getters and setters in JavaScript is just one of those things you should understand. They are nice in jQuery because the API is so consistent that once you get it, you can pretty much just guess how it is going to work for various methods. At the\u2026","rel":"","context":"With 3 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":14087,"url":"https:\/\/css-tricks.com\/almanac\/properties\/p\/padding\/","url_meta":{"origin":13978,"position":1},"title":"padding","date":"September 5, 2011","format":false,"excerpt":"The padding property in CSS defines the innermost portion of the box model, creating space around an element's content, inside of any defined margins and\/or borders. Padding values are set using lengths or percentages, and cannot accept negative values. The initial, or default, value for all padding properties is 0.\u2026","rel":"","context":"With 12 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":15601,"url":"https:\/\/css-tricks.com\/snippets\/css\/useful-css3-less-mixins\/","url_meta":{"origin":13978,"position":2},"title":"Useful CSS3 Less Mixins","date":"December 16, 2011","format":false,"excerpt":".text-shadow (@string: 0 1px 3px rgba(0, 0, 0, 0.25)) { text-shadow: @string; } .box-shadow (@string) { -webkit-box-shadow: @string; -moz-box-shadow: @string; box-shadow: @string; } .drop-shadow (@x: 0, @y: 1px, @blur: 2px, @spread: 0, @alpha: 0.25) { -webkit-box-shadow: @x @y @blur @spread rgba(0, 0, 0, @alpha); -moz-box-shadow: @x @y @blur @spread rgba(0,\u2026","rel":"","context":"With 51 comments","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":376581,"url":"https:\/\/css-tricks.com\/almanac\/properties\/b\/border-image-outset\/","url_meta":{"origin":13978,"position":3},"title":"border-image-outset","date":"January 31, 2023","format":false,"excerpt":"The CSS\u00a0border-image-outset\u00a0property sets distance between an element\u2019s\u00a0border-image\u00a0area and how far it goes beyond the element\u2019s\u00a0border-box. .container { border-style: ridge; border-width: 3rem; border-image-source: url('path\/to\/image.jpg'); border-image-slice: 70; border-image-width: 40%; border-image-repeat: repeat; border-image-outset: 2; } CodePen Embed Fallback The border-image-outset property is defined in the CSS Backgrounds and Borders Module Level 3 specification.\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2019\/12\/css-tricks-logo-gradient-outline.png?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":20799,"url":"https:\/\/css-tricks.com\/lodge\/artists-website\/038-comments-cleanup\/","url_meta":{"origin":13978,"position":4},"title":"#038 – Comments Cleanup","date":"March 26, 2013","format":false,"excerpt":"WordPress powers the comment area of Jeff's site. This will be super easy to clean up with our CSS superpowers. We make a .scss file just for comments (the perfect example of where a Sass partial is appropriate). We include that in the global stylesheet. Then we tweak up the\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":323112,"url":"https:\/\/css-tricks.com\/almanac\/properties\/i\/inline-size\/","url_meta":{"origin":13978,"position":5},"title":"inline-size","date":"October 14, 2020","format":false,"excerpt":"inline-size is a logical property that defines the width of an element when the writing-mode is horizontal, or the height of the element when the writing-mode is vertical. .element { \u00a0 inline-size: 700px; \u00a0 writing-mode: vertical-lr; } As you might have guessed by the example above, the writing-mode property changes\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13978"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/1036"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=13978"}],"version-history":[{"count":10,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13978\/revisions"}],"predecessor-version":[{"id":376591,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13978\/revisions\/376591"}],"up":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/pages\/13913"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=13978"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=13978"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}} |