{"id":1165,"date":"2013-10-22T12:44:21","date_gmt":"2013-10-22T16:44:21","guid":{"rendered":"http:\/\/anthonymarchese.us\/?p=1165"},"modified":"2022-11-22T08:15:17","modified_gmt":"2022-11-22T03:15:17","slug":"css-reference","status":"publish","type":"post","link":"https:\/\/www.expertcomputerhelp.com\/css-reference\/","title":{"rendered":"CSS Reference"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><a href=\"http:\/\/www.a2hosting.com\/?aid=61c4aeb4c88fc&amp;cid=edae5de3\"><img loading=\"lazy\" decoding=\"async\" width=\"234\" height=\"60\" src=\"https:\/\/www.expertcomputerhelp.com\/wp-content\/uploads\/2022\/11\/234X60-3.png\" alt=\"CSS reference\" class=\"wp-image-5792\"\/><\/a><\/figure>\n\n\n\n<p>This is a CSS reference for your convenience. All properties below require a semicolon : at the end of each rule. When I type out my rules I prefer to add a space &#8220;after&#8221; the colon : for improved readability.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Background Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>background:<\/li>\n\n\n\n<li>background-attachment:<\/li>\n\n\n\n<li>background-color:<\/li>\n\n\n\n<li>background-image:<\/li>\n\n\n\n<li>background-position:<\/li>\n\n\n\n<li>background-repeat:<\/li>\n\n\n\n<li>background-clip:<\/li>\n\n\n\n<li>background-origin:<\/li>\n\n\n\n<li>background-size:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Border and Outline Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>border:<\/li>\n\n\n\n<li>border-bottom:<\/li>\n\n\n\n<li>border-bottom-color:<\/li>\n\n\n\n<li>border-bottom-style:<\/li>\n\n\n\n<li>border-bottom-width:<\/li>\n\n\n\n<li>border-color:<\/li>\n\n\n\n<li>border-left:<\/li>\n\n\n\n<li>border-left-color:<\/li>\n\n\n\n<li>border-left-style:<\/li>\n\n\n\n<li>border-left-width:<\/li>\n\n\n\n<li>border-right:<\/li>\n\n\n\n<li>border-right-color:<\/li>\n\n\n\n<li>border-right-style:<\/li>\n\n\n\n<li>border-right-width:<\/li>\n\n\n\n<li>border-style:<\/li>\n\n\n\n<li>border-top:<\/li>\n\n\n\n<li>border-top-color:<\/li>\n\n\n\n<li>border-top-style:<\/li>\n\n\n\n<li>border-top-width:<\/li>\n\n\n\n<li>border-width:<\/li>\n\n\n\n<li>outline:<\/li>\n\n\n\n<li>outline-color:<\/li>\n\n\n\n<li>outline-style:<\/li>\n\n\n\n<li>outline-width:<\/li>\n\n\n\n<li>border-bottom-left-radius:<\/li>\n\n\n\n<li>border-bottom-right-radius:<\/li>\n\n\n\n<li>border-image:<\/li>\n\n\n\n<li>border-image-outset:<\/li>\n\n\n\n<li>border-image-repeat:<\/li>\n\n\n\n<li>border-image-slice:<\/li>\n\n\n\n<li>border-image-source:<\/li>\n\n\n\n<li>border-image-width:<\/li>\n\n\n\n<li>border-radius:<\/li>\n\n\n\n<li>border-top-left-radius:<\/li>\n\n\n\n<li>border-top-right-radius:<\/li>\n\n\n\n<li>box-decoration-break:<\/li>\n\n\n\n<li>box-shadow:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Box Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>overflow-x:<\/li>\n\n\n\n<li>overflow-y:<\/li>\n\n\n\n<li>overflow-style:<\/li>\n\n\n\n<li>rotation:<\/li>\n\n\n\n<li>rotation-point:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Color Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>color-profile:<\/li>\n\n\n\n<li>opacity:<\/li>\n\n\n\n<li>rendering-intent:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Content for Paged Media Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>bookmark-label:<\/li>\n\n\n\n<li>bookmark-level:<\/li>\n\n\n\n<li>bookmark-target:<\/li>\n\n\n\n<li>float-offset:<\/li>\n\n\n\n<li>hyphenate-after:<\/li>\n\n\n\n<li>hyphenate-before:<\/li>\n\n\n\n<li>hyphenate-character:<\/li>\n\n\n\n<li>hyphenate-lines:<\/li>\n\n\n\n<li>hyphenate-resource:<\/li>\n\n\n\n<li>hyphens:<\/li>\n\n\n\n<li>image-resolution:<\/li>\n\n\n\n<li>marks:<\/li>\n\n\n\n<li>string-set:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Dimension Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>height:<\/li>\n\n\n\n<li>max-height:<\/li>\n\n\n\n<li>max-width:<\/li>\n\n\n\n<li>min-height:<\/li>\n\n\n\n<li>min-width:<\/li>\n\n\n\n<li>width:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Flexible Box Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>box-align:<\/li>\n\n\n\n<li>box-direction:<\/li>\n\n\n\n<li>box-flex:<\/li>\n\n\n\n<li>box-flex-group:<\/li>\n\n\n\n<li>box-lines:<\/li>\n\n\n\n<li>box-ordinal-group:<\/li>\n\n\n\n<li>box-orient:<\/li>\n\n\n\n<li>box-pack:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Font Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>font:<\/li>\n\n\n\n<li>font-family:<\/li>\n\n\n\n<li>font-size:<\/li>\n\n\n\n<li>font-style:<\/li>\n\n\n\n<li>font-variant:<\/li>\n\n\n\n<li>font-weight:<\/li>\n\n\n\n<li>@font-face:<\/li>\n\n\n\n<li>font-size-adjust:<\/li>\n\n\n\n<li>font-stretch:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Generated Content Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>content:<\/li>\n\n\n\n<li>counter-increment:<\/li>\n\n\n\n<li>counter-reset:<\/li>\n\n\n\n<li>quotes:<\/li>\n\n\n\n<li>crop:<\/li>\n\n\n\n<li>move-to:<\/li>\n\n\n\n<li>page-policy:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Grid Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>grid-columns:<\/li>\n\n\n\n<li>grid-rows:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Hyperlink Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>target:<\/li>\n\n\n\n<li>target-name:<\/li>\n\n\n\n<li>target-new:<\/li>\n\n\n\n<li>target-position:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Linebox Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>alignment-adjust:<\/li>\n\n\n\n<li>alignment-baseline:<\/li>\n\n\n\n<li>baseline-shift:<\/li>\n\n\n\n<li>dominant-baseline:<\/li>\n\n\n\n<li>drop-initial-after-adjust:<\/li>\n\n\n\n<li>drop-initial-after-align:<\/li>\n\n\n\n<li>drop-initial-before-adjust:<\/li>\n\n\n\n<li>drop-initial-before-align:<\/li>\n\n\n\n<li>drop-initial-size:<\/li>\n\n\n\n<li>drop-initial-value:<\/li>\n\n\n\n<li>inline-box-align:<\/li>\n\n\n\n<li>line-stacking:<\/li>\n\n\n\n<li>line-stacking-ruby:<\/li>\n\n\n\n<li>line-stacking-shift:<\/li>\n\n\n\n<li>line-stacking-strategy:<\/li>\n\n\n\n<li>text-height:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">List Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>list-style:<\/li>\n\n\n\n<li>list-style-image:<\/li>\n\n\n\n<li>list-style-position:<\/li>\n\n\n\n<li>list-style-type:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Margin Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>margin:<\/li>\n\n\n\n<li>margin-bottom:<\/li>\n\n\n\n<li>margin-left:<\/li>\n\n\n\n<li>margin-right:<\/li>\n\n\n\n<li>margin-top:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Marquee Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>marquee-direction:<\/li>\n\n\n\n<li>marquee-play-count:<\/li>\n\n\n\n<li>marquee-speed:<\/li>\n\n\n\n<li>marquee-style:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Multi-Column Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>column-count:<\/li>\n\n\n\n<li>column-fill:<\/li>\n\n\n\n<li>column-gap:<\/li>\n\n\n\n<li>column-rule:<\/li>\n\n\n\n<li>column-rule-color:<\/li>\n\n\n\n<li>column-rule-style:<\/li>\n\n\n\n<li>column-rule-width:<\/li>\n\n\n\n<li>column-span:<\/li>\n\n\n\n<li>column-width:<\/li>\n\n\n\n<li>columns:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Padding Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>padding:<\/li>\n\n\n\n<li>padding-bottom:<\/li>\n\n\n\n<li>padding-left:<\/li>\n\n\n\n<li>padding-right:<\/li>\n\n\n\n<li>padding-top:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Paged Media Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>fit:<\/li>\n\n\n\n<li>fit-position:<\/li>\n\n\n\n<li>image-orientation:<\/li>\n\n\n\n<li>page:<\/li>\n\n\n\n<li>size:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Positioning Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>bottom:<\/li>\n\n\n\n<li>clear:<\/li>\n\n\n\n<li>clip:<\/li>\n\n\n\n<li>cursor:<\/li>\n\n\n\n<li>display:<\/li>\n\n\n\n<li>float:<\/li>\n\n\n\n<li>left:<\/li>\n\n\n\n<li>overflow:<\/li>\n\n\n\n<li>position:<\/li>\n\n\n\n<li>right:<\/li>\n\n\n\n<li>top:<\/li>\n\n\n\n<li>visibility:<\/li>\n\n\n\n<li>z-index:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Print Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>orphans:<\/li>\n\n\n\n<li>page-break-after:<\/li>\n\n\n\n<li>page-break-before:<\/li>\n\n\n\n<li>page-break-inside:<\/li>\n\n\n\n<li>widows:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Ruby Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>ruby-align:<\/li>\n\n\n\n<li>ruby-overhang:<\/li>\n\n\n\n<li>ruby-position:<\/li>\n\n\n\n<li>ruby-span:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Speech Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>mark:<\/li>\n\n\n\n<li>mark-after:<\/li>\n\n\n\n<li>mark-before:<\/li>\n\n\n\n<li>phonemes:<\/li>\n\n\n\n<li>rest:<\/li>\n\n\n\n<li>rest-after:<\/li>\n\n\n\n<li>rest-before:<\/li>\n\n\n\n<li>voice-balance:<\/li>\n\n\n\n<li>voice-duration:<\/li>\n\n\n\n<li>voice-pitch:<\/li>\n\n\n\n<li>voice-pitch-range:<\/li>\n\n\n\n<li>voice-rate:<\/li>\n\n\n\n<li>voice-stress:<\/li>\n\n\n\n<li>voice-volume:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Table Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>border-collapse:<\/li>\n\n\n\n<li>border-spacing:<\/li>\n\n\n\n<li>caption-side:<\/li>\n\n\n\n<li>empty-cells:<\/li>\n\n\n\n<li>table-layout:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Text Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>color:<\/li>\n\n\n\n<li>direction:<\/li>\n\n\n\n<li>letter-spacing:<\/li>\n\n\n\n<li>line-height:<\/li>\n\n\n\n<li>text-align:<\/li>\n\n\n\n<li>text-decoration:<\/li>\n\n\n\n<li>text-indent:<\/li>\n\n\n\n<li>text-transform:<\/li>\n\n\n\n<li>unicode-bidi:<\/li>\n\n\n\n<li>vertical-align:<\/li>\n\n\n\n<li>white-space:<\/li>\n\n\n\n<li>word-spacing:<\/li>\n\n\n\n<li>hanging-punctuation:<\/li>\n\n\n\n<li>punctuation-trim:<\/li>\n\n\n\n<li>text-align-last:<\/li>\n\n\n\n<li>text-justify:<\/li>\n\n\n\n<li>text-outline:<\/li>\n\n\n\n<li>text-overflow:<\/li>\n\n\n\n<li>text-shadow:<\/li>\n\n\n\n<li>text-wrap:<\/li>\n\n\n\n<li>word-break:<\/li>\n\n\n\n<li>word-wrap:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">2D\/3D Transform Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>transform:<\/li>\n\n\n\n<li>transform-origin:<\/li>\n\n\n\n<li>transform-style:<\/li>\n\n\n\n<li>perspective:<\/li>\n\n\n\n<li>perspective-origin:<\/li>\n\n\n\n<li>backface-visibility:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Transition Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>transition:<\/li>\n\n\n\n<li>transition-property:<\/li>\n\n\n\n<li>transition-duration:<\/li>\n\n\n\n<li>transition-timing-function:<\/li>\n\n\n\n<li>transition-delay:<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">User-interface Properties<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>appearance:<\/li>\n\n\n\n<li>box-sizing:<\/li>\n\n\n\n<li>icon<\/li>\n\n\n\n<li>nav-down:<\/li>\n\n\n\n<li>nav-index:<\/li>\n\n\n\n<li>nav-left:<\/li>\n\n\n\n<li>nav-right:<\/li>\n\n\n\n<li>nav-up:<\/li>\n\n\n\n<li>outline-offset:<\/li>\n\n\n\n<li>resize:<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>This is a CSS reference for your convenience. All properties below require a semicolon : at the end of each &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"CSS Reference\" class=\"read-more button\" href=\"https:\/\/www.expertcomputerhelp.com\/css-reference\/#more-1165\" aria-label=\"Read more about CSS Reference\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[477],"tags":[80,81,82,83,84,85,86,87],"class_list":["post-1165","post","type-post","status-publish","format-standard","hentry","category-html-css","tag-css-chart","tag-css-cheat-sheet","tag-css-help","tag-css-quick-reference","tag-css-reference","tag-css1","tag-css2","tag-css3"],"_links":{"self":[{"href":"https:\/\/www.expertcomputerhelp.com\/wp-json\/wp\/v2\/posts\/1165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.expertcomputerhelp.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.expertcomputerhelp.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.expertcomputerhelp.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.expertcomputerhelp.com\/wp-json\/wp\/v2\/comments?post=1165"}],"version-history":[{"count":3,"href":"https:\/\/www.expertcomputerhelp.com\/wp-json\/wp\/v2\/posts\/1165\/revisions"}],"predecessor-version":[{"id":5980,"href":"https:\/\/www.expertcomputerhelp.com\/wp-json\/wp\/v2\/posts\/1165\/revisions\/5980"}],"wp:attachment":[{"href":"https:\/\/www.expertcomputerhelp.com\/wp-json\/wp\/v2\/media?parent=1165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.expertcomputerhelp.com\/wp-json\/wp\/v2\/categories?post=1165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.expertcomputerhelp.com\/wp-json\/wp\/v2\/tags?post=1165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}