<!DOCTYPE html>
<html lang="en"><!-- InstanceBegin template="/Templates/css.dwt.php" codeOutsideHTMLIsLocked="false" -->
<head>
	<!-- InstanceBeginEditable name="doctitle" -->
    <title>List of CSS3 Properties - Tutorial Republic</title>
    <meta name="description" content="A comprehensive reference on standard CSS properties that includes syntax, descriptions, examples, values of the properties as well as their browser support." />
    <!-- InstanceEndEditable -->
    	<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="fb:admins" content="100001054961582" />
<meta property="fb:app_id" content="1404574483159557" />
<meta property="og:image" content="/lib/images/signature.png" />
<link rel="shortcut icon" type="image/x-icon" href="../favicon.png" />
<style>
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,img{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
html,body{min-height:100%}
p{margin:0 0 12px}
ol,ul{margin:0 0 12px}
a,a:active,a:visited{outline:none;color:#1db79f;text-decoration:none}
a img{border:none;outline:none}
p code,table td:last-child code,.content ul li code,code.mark{padding:2px 4px;color:#333;background-color:#f1f1f1;border-radius:4px}
a code{color:inherit;background:none;padding:0}
table{border-collapse:collapse;border-spacing:0}
table td{vertical-align:top}
body{min-width:1300px;color:#414141;background:#fafafa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",sans-serif;font-size:17px;line-height:1.7}
input,select,textarea,button,div,span,a{box-sizing:border-box}
h1,h2,h3,h4{color:#262626;margin:20px 0 10px;line-height:1.5;font-weight:600}
h1{font-size:34px;margin-top:17px}
h2{font-size:28px}
h3{font-size:22px}
.space{margin-bottom:25px!important}
.break{margin-bottom:15px!important}
.text-center{text-align:center!important}
.scroll{height:195px;overflow-y:scroll}
.scroll.large{height:245px}
.scroll.xlarge{height:290px}
.scroll.xxlarge{height:340px}
sup{font-size:13px}
h1 sup{background:#ec0000;border-radius:3px;padding:5px 10px;font-size:15px;color:#fff;position:relative;top:5px}
.leaderboard{padding-top:14px;position:relative;height:105px;overflow:hidden}
.intro-image img{display:block;padding:10px 0 25px;max-width:100%}
.clearfix::after{content:".";display:block;height:0;clear:both;visibility:hidden}
code,.code,.syntax,.green-box,.sky-box,.gray-box,.pink-box,.red-box,.at-rule,.codebox pre,.console-output,.command{font-size:16px;font-family:Consolas,Monaco,Courier,monospace}
.console-output{margin:15px 0}
.command{background:#f2f2f2;padding:16px 18px;margin:15px 0 25px;border-radius:3px}
hr{border:none;border-bottom:1px solid #e7e9ed;height:1px;margin:30px 0}
.summary,.topic{border:1px solid #eaeaea;border-width:1px 0;margin:20px 0;padding:10px 0;color:#8e9aa6;line-height:1.5}
h2.section-title span{display:inline-block;border-bottom:4px solid #c9d7e0;padding:0 50px 12px 0}
.wrapper{width:1300px;padding:0 15px;margin:0 auto}
.header{background:#23384e;padding:16px 0}
input.search{background:#fff;border:0 none;color:#807E7E;float:left;height:38px;line-height:26px;font-size:14px;margin:0 0 0 12px;outline:medium none;padding:6px 14px;width:500px;border-radius:2px;box-shadow:0 0 1px rgba(0,0,0,0.6);font-family:inherit}
.search-btn{color:rgba(0,0,0,.6);background:#ebebeb;border:none;outline:none;cursor:pointer;float:left;height:38px;line-height:46px;width:44px;display:block;margin-left:-2px;border-radius:0 2px 2px 0;box-shadow:0 0 1px rgba(0,0,0,0.7)}
.logo{width:304px}
.logo img{height:44px;margin:-3px 0;display:block}
.site-search{float:left;margin-left:100px}
.menu{background-color:#f5f5f5;box-shadow:0 1px 1px rgba(0,0,0,.15);position:relative;z-index:9}
.menu a{color:#666;display:inline-block;padding:0 10px;text-decoration:none;font-size:14px;font-weight:600;height:48px;line-height:48px}
.menu a:first-child{margin-left:-10px}
.menu a.tool-link{float:right;display:block;border-radius:30px;line-height:28px;position:relative;height:auto;top:9px;padding:0 12px;color:#1ebba3;border:1px double #1ebba3}
.fl,.logo{float:left}
.leftcolumn{width:240px;float:left;font-size:16px;color:#4f4f4f}
.centercolumn{width:850px;float:left}
.rightcolumn{width:180px;float:left}
.content{background:#fff;padding:15px 40px 20px;border:1px solid #dedede;border-top:none;border-radius:1px}
.sidebar{width:160px;float:left;padding-top:28px;margin-left:20px;position:relative}
.leftcolumn .segment{margin:16px 0 12px;position:relative;font-size:18px;font-weight:600;line-height:normal}
.leftcolumn a{color:#4f4f4f;font-size:16px;line-height:26px;display:block;border-bottom:1px solid transparent}
.leftcolumn ul{list-style:none;padding:0;margin:0}
.segment,.chapters,.chapters a{float:left;clear:both}
h1 code,h2 code,h3 code{font:inherit}
.color-box{margin:15px 0;padding-left:20px}
.note-box,.warning-box,.tip-box{padding:8px 8px 3px 26px}
.info-tab{float:left;margin-left:-23px}
.content ul li{margin-top:7px}
.extra{padding-top:5px}
.green-box,.sky-box,.gray-box,.red-box,.pink-box{color:#000;margin-top:15px;padding:10px;background-color:#f6f8fa;border:1px solid #d7e2ec}
.example{background:#f4f5f6;padding:3px;margin:15px 0}
.codebox{background:#fff;border:1px solid #ddd}
.codebox-title{height:41px;padding-left:12px;border-bottom:1px solid #ddd;background:#f5f5f5}
.codebox-title h4{margin:0;font-size:18px;line-height:40px;float:left;font-weight:600}
a.try-btn,a.download-btn{width:140px;height:40px;color:#333;font-size:15px;line-height:41px;font-weight:600;text-align:center;text-decoration:none;float:right;display:block;border-left:1px solid #ddd;background:rgba(27,31,35,0.08);box-sizing:border-box;font-family:Arial,sans-serif}
a.try-btn span{font-size:18px;line-height:normal}
.hide,.code-style,.box-size,.bottom-link,.footer,.code-style,.snippets,.report-error,.badge,.social,.ad-label,.mobile-only,ul.tree-menu li ul{display:none}
.skyscraper{width:160px;height:600px;overflow:hidden;margin-bottom:20px;background:#ebecf0}
.bottom-ad{margin-top:46px;padding:24px;position:relative;background:url(../lib/images/smooth-line.png) no-repeat center #f9f9f9}
.rectangle-left,.rectangle-right{min-width:336px;min-height:280px;overflow:hidden}
.fr,a.previous-page,a.next-page,.rectangle-right,.topic-nav{float:right}
a.previous-page,a.next-page{width:32px;height:32px;line-height:30px}
.shadow{background:#F7F8F9;padding:3px;margin:10px 0}
.syntax{color:#2f4959;padding:13px 18px;background:#F9F9FA;border:1px solid #ddd;font-size:15px}
code[class*="language-"],pre[class*="language-"]{color:#000;background:none;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}
pre[class*="language-"]{position:relative;margin:.5em 0;overflow:visible;padding:0}
pre[class*="language-"]>code{position:relative;border-left:10px solid #358ccb;box-shadow:-1px 0 0 0 #358ccb,0 0 0 1px #dfdfdf;background-color:#fdfdfd;background-image:linear-gradient(transparent 50%,rgba(69,142,209,0.04) 50%);background-size:3em 3em;background-origin:content-box;background-attachment:local}
code[class*="language"]{max-height:inherit;height:inherit;padding:0 1em;display:block;overflow:auto}
:not(pre) > code[class*="language-"]{position:relative;padding:.2em;border-radius:.3em;color:#c92c2c;border:1px solid rgba(0,0,0,0.1);display:inline;white-space:normal}
pre[class*="language-"].line-numbers{padding-left:0}
pre[class*="language-"].line-numbers code{padding-left:3.8em}
pre[class*="language-"].line-numbers .line-numbers-rows{left:0}
pre[class*="language-"][data-line]{padding-top:0;padding-bottom:0;padding-left:0}
pre[data-line] code{position:relative;padding-left:4em}
pre .line-highlight{margin-top:0}
pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber;white-space:pre-wrap!important}
pre.line-numbers > code{position:relative;white-space:inherit}
.line-numbers-rows,.codebox pre.inactive{display:none}
.codebox pre.syntax-highlighter{margin:0;padding:0;overflow:auto}
pre.line-numbers .line-numbers-rows{border-right:3px solid #6CE26C}
.codebox pre.syntax-highlighter > code{box-shadow:none!important;padding-left:3.8em;background-image:linear-gradient(transparent 50%,#F8F8F8 50%);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace!important;font-size:16px;line-height:1.5;overflow-wrap:break-word}
.codebox pre.syntax-highlighter,.codebox pre.syntax-highlighter code{border:none;width:100%;box-sizing:border-box}
pre.line-numbers code,pre.line-numbers .line-numbers-rows{padding-top:2px;padding-bottom:2px}
.preview-box{padding:15px;text-align:center;cursor:pointer;overflow:hidden;background:#FFF;border:1px solid #e6e6e6}
.preview-box a,.preview-box img{display:block;margin:0 auto}
.download-box{text-align:center;padding:20px 0;margin:20px 0 10px}
.output-box{border-color:#d4d4d4;border-style:solid;border-width:1px 0;padding:5px 15px;overflow:hidden;background:#fff;margin:10px 0}
.demo-box{margin-top:15px}
.subhead{border-bottom:3px solid #DCE3EB;margin-bottom:15px;padding-bottom:10px}
table.data,table.description{width:100%;font-size:92%}
table.data th{color:#000;padding:8px 7px;text-align:left;font-size:15px;background:#F8F8F8}
table.data td{color:#484848;padding:5px 7px;background:#fff}
table.data th,table.data td{vertical-align:top;border:1px solid #DCE3EB}
table.data tr.section th,table.data td.section{font-size:15px;background:#f0f4f7}
table.description th{width:150px}
table.no-wrap tr td:first-child{white-space:nowrap}
.topic-nav{padding-right:5px;color:#d0d0d0}
.topic-nav a{padding:0 15px;margin:0 0 0 5px;position:relative;display:inline-block}
.topic-nav a::after{font-size:24px;position:absolute;line-height:22px}
.topic-nav a:first-child{margin:0 5px 0 0}
.topic-nav a:first-child::after{content:'\00AB';left:-5px}
.topic-nav a:last-child::after{content:'\00BB';right:-5px}
@media screen and (max-width: 1280px) {
body{min-width:1260px}
.wrapper{width:1260px}
.leftcolumn{width:230px}
.centercolumn{width:820px}
.preview-box img{max-width:100%;height:auto}
}
@media screen and (max-width: 800px) {
body{min-width:100%;max-width:100%;padding-top:46px}
.wrapper{width:100%;padding:0}
.header{height:46px;padding:5px 0;position:fixed;top:0;left:0;right:0;width:100%;z-index:99}
.logo{width:auto;display:block;padding:6px 0 0 60px;position:absolute;left:0;z-index:100}
.logo img{height:30px}
.menu{width:100%;padding-left:12px;padding-right:12px;overflow-x:auto;white-space:nowrap}
.centercolumn{width:100%;float:none}
.content{padding:10px;border-width:0 0 1px 0}
.content img{max-width:100%;height:auto}
.skyscraper{display:inline-block}
.shadow,.example,.console-output,.content pre{max-width:100%;overflow-x:auto}
.codebox-title{position:relative}
.codebox.multi-style-mode pre{padding-top:7px;margin-top:36px;border-top:1px solid #ddd}
.bottom-ad{height:auto;background:none;padding:30px 0 0;margin:40px 0 0;text-align:center;position:relative}
.rectangle-left,.rectangle-right{float:none;display:inline-block;margin:10px auto;background:#EDEEF2}
.leftcolumn,.footer,.social,.site-search,.code-style,.menu a.tool-link,.backdrop{display:none}
.summary,.topic{padding:5px 0;margin:10px 0}
.leftcolumn,.centercolumn,.rightcolumn,.sidebar{float:none}
.header,.menu,.centercolumn,.footer,.appeal-text{width:100%}
a.try-btn,a.download-btn{width:130px}
.native-unit{margin-bottom:30px}
.rightcolumn,.sidebar{margin: 25px auto 0}
.overview{padding-right:0}
.scroll-pane{overflow-x:auto}
table.data{min-width:480px}
table.data pre{display:inline;white-space:normal}
table tr th,table tr td{width:auto!important}
.preview-box{padding:6px}
.leaderboard{margin:20px 0}
h1{font-size:30px}
h2{font-size:24px}
h3{font-size:20px}
.codebox pre.syntax-highlighter{overflow-x:auto}
.codebox pre.syntax-highlighter > code{min-width:614px;height:auto;overflow-x:hidden}
}
@media screen and (min-width: 801px) {
.site-search,.leftcolumn,.social{display:block!important}
.backdrop{display:none!important}
.hide-scroll{overflow-x:hidden!important}
}
.menu a.old-version{height:21px;font-size:13px;line-height:17px;border:1px double;border-radius:40px;margin-right:10px}</style>
<script>
    (function(){
        var bsa_optimize=document.createElement('script');
        bsa_optimize.type='text/javascript';
        bsa_optimize.async=true;
        bsa_optimize.src='https://cdn4.buysellads.net/pub/tutorialrepublic.js';
        (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa_optimize);
    })();
</script>
    
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-40117907-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-40117907-1');
</script></head>
<body><div onClick="this.style.display='none';"><div style="display:block; clear:both; height:1.5em; padding:0.5em;">&nbsp;</div><div style="position:absolute; top:0px; left:0px; display:block; position:fixed; width:100%; padding:0.5em; line-height:1.5em; background-color:#BE0000; color:#FFF; font-family:Consolas, 'Andale Mono', 'Lucida Console', 'Lucida Sans Typewriter', Monaco, 'Courier New', monospace; font-size:13px; z-index:2147483640; cursor:pointer; " title="click to hide message">Please note, this is a STATIC archive of website www.tutorialrepublic.com from 10 Sep 2022, cach3.com does not collect or store any user information, there is no "phishing" involved.</div></div>
    <!--Header-->
    
<div class="header">
    <div class="wrapper clearfix">
        <button type="button" class="open-menu mobile-only"><i class="icon-menu"></i></button>
        <div class="logo">
            <a href="../index.html"><img src="../lib/images/logo.svg" alt="TutorialRepublic" /></a>
        </div>
        <div class="site-search">
            <form inert action="https://www.google.com/search" method="get" target="_blank" class="clearfix">
                <input type="hidden" value="www.tutorialrepublic.com" name="sitesearch"  placeholder="disabled" disabled="disabled" title="form boxes are disabled in cached version of the site" value="Disabled" style="opacity:0.3;" />
                <input type="text" name="q" placeholder="disabled" id="searchInput" class="search"  placeholder="disabled" disabled="disabled" title="form boxes are disabled in cached version of the site" value="Disabled" style="opacity:0.3;" />
                <button type="submit" class="search-btn"><span class="icon-search"></span></button>
            </form>
        </div>
        <div class="social">                
            <a href="https://www.facebook.com/tutorialrepublic" target="_blank" title="Join us on Facebook"><i class="icon-facebook"></i></a>
            <a href="https://twitter.com/tutrepublic" target="_blank" title="Follow us on Twitter"><i class="icon-twitter"></i></a>
            <a href="../contact-us.php.html" target="_blank" title="Send us an Email"><i class="icon-mail"></i></a>
        </div>
        <button type="button" class="open-search mobile-only">
            <i class="icon-search"></i>
        </button>
    </div>    
</div>
<div class="menu">
    <div class="wrapper">
        <a href="../index.html" title="Home Page">HOME</a>
        <a href="../html-tutorial/html-introduction.php.html" title="HTML Tutorial">HTML5</a>            
        <a href="../css-tutorial/index.html" title="CSS Tutorial">CSS3</a>
        <a href="../javascript-tutorial/index.html" title="JavaScript Tutorial">JAVASCRIPT</a>
        <a href="../jquery-tutorial/index.html" title="jQuery Tutorial">JQUERY</a>
        <a href="../twitter-bootstrap-tutorial/index.html" title="Bootstrap 5 Tutorial">BOOTSTRAP5</a>
		<a href="https://www.tutorialrepublic.com/twitter-bootstrap-4-tutorial/" class="old-version" title="Bootstrap 4.6 Tutorial">v4.6</a>
        <a href="../php-tutorial/index.html" title="PHP Tutorial">PHP7</a> 
        <a href="../sql-tutorial/index.html" title="SQL Tutorial">SQL</a>
        <a href="../references.php.html" title="Web References">REFERENCES</a>
        <a href="../practice-examples.php.html" title="Practice Examples and Demos">EXAMPLES</a>
        <a href="../faq.php.html" title="Frequently Asked Questions and Answers">FAQ</a>
        <a href="../snippets/gallery.php.html" title="Bootstrap Code Snippets" target="_blank">SNIPPETS</a>
        <a href="../codelab.php.html" class="tool-link" target="_blank">Online HTML Editor</a>
    </div>        
</div>    <!--End:Header-->
    <div class="wrapper clearfix">
        <div class="leftcolumn" id="myNav">
		
        <div class="segment"><span>CSS</span> BASIC</div>
<div class="chapters">
    <a href="../css-tutorial/index.html">CSS Introduction</a>
	<a href="../css-tutorial/css-get-started.php.html">CSS Getting Started</a>
    <a href="../css-tutorial/css-syntax.php.html">CSS Syntax</a>
    <a href="../css-tutorial/css-selectors.php.html">CSS Selectors</a>
    <a href="../css-tutorial/css-color.php.html">CSS Color</a> 
    <a href="../css-tutorial/css-background.php.html">CSS Background</a>
    <a href="../css-tutorial/css-fonts.php.html">CSS Fonts</a>
    <a href="../css-tutorial/css-text.php.html">CSS Text</a>
    <a href="../css-tutorial/css-links.php.html">CSS Links</a>
    <a href="../css-tutorial/css-lists.php.html">CSS Lists</a>
    <a href="../css-tutorial/css-tables.php.html">CSS Tables</a>
</div>
<div class="segment"><span>CSS</span> BOX MODEL</div>
<div class="chapters">
    <a href="../css-tutorial/css-box-model.php.html">CSS Box Model</a>
    <a href="../css-tutorial/css-dimension.php.html">CSS Dimension</a>    
    <a href="../css-tutorial/css-padding.php.html">CSS Padding</a>
    <a href="../css-tutorial/css-border.php.html">CSS Border</a>
    <a href="../css-tutorial/css-margin.php.html">CSS Margin</a>
</div>
<div class="segment"><span>CSS</span> ADVANCED</div>
<div class="chapters">
    <a href="../css-tutorial/css-outline.php.html">CSS Outline</a>
    <a href="../css-tutorial/css-cursors.php.html">CSS Cursors</a>
    <a href="../css-tutorial/css-overflow.php.html">CSS Overflow</a>    
    <a href="../css-tutorial/css-units.php.html">CSS Units</a>
    <a href="../css-tutorial/css-visual-formatting.php.html">CSS Visual Formatting</a>
    <a href="../css-tutorial/css-display.php.html">CSS Display</a>
    <a href="../css-tutorial/css-visibility.php.html">CSS Visibility</a>
    <a href="../css-tutorial/css-position.php.html">CSS Position</a>
    <a href="../css-tutorial/css-layers.php.html">CSS Layers</a>
    <a href="../css-tutorial/css-float.php.html">CSS Float</a>
    <a href="../css-tutorial/css-alignment.php.html">CSS Alignment</a>
    <a href="../css-tutorial/css-pseudo-classes.php.html">CSS Pseudo-classes</a>
    <a href="../css-tutorial/css-pseudo-elements.php.html">CSS Pseudo-elements</a>
    <a href="../css-tutorial/css-media-types.php.html">CSS Media Types</a>
    <a href="../css-tutorial/css-sprites.php.html">CSS Sprites</a>
    <a href="../css-tutorial/css-opacity.php.html">CSS Opacity</a>
    <a href="../css-tutorial/css-attribute-selectors.php.html">CSS Attribute Selectors</a>
    <a href="../css-tutorial/css-validation.php.html">CSS Validation</a>
</div>
<div class="segment"><span>CSS3</span> FEATURES</div>
<div class="chapters">
    <a href="../css-tutorial/css3-border.php.html">CSS3 Border</a>
	<a href="../css-tutorial/css3-color.php.html">CSS3 Color</a>
    <a href="../css-tutorial/css3-background.php.html">CSS3 Background</a>
    <a href="../css-tutorial/css3-gradients.php.html">CSS3 Gradients</a>
	<a href="../css-tutorial/css3-text-overflow.php.html">CSS3 Text Overflow</a>
    <a href="../css-tutorial/css3-drop-shadows.php.html">CSS3 Drop Shadows</a>
    <a href="../css-tutorial/css3-2d-transforms.php.html">CSS3 2D Transforms</a>
    <a href="../css-tutorial/css3-3d-transforms.php.html">CSS3 3D Transforms</a>
    <a href="../css-tutorial/css3-transitions.php.html">CSS3 Transitions</a>
    <a href="../css-tutorial/css3-animations.php.html">CSS3 Animations</a>
    <a href="../css-tutorial/css3-multi-column-layouts.php.html">CSS3 Multi-Column Layouts</a>
	<a href="../css-tutorial/css3-box-sizing.php.html">CSS3 Box Sizing</a>
	<a href="../css-tutorial/css3-flexible-box-layouts.php.html">CSS3 Flexbox</a>
	<a href="../css-tutorial/css3-filters.php.html">CSS3 Filters</a>
	<a href="../css-tutorial/css3-media-queries.php.html">CSS3 Media Queries</a>
	<a href="../css-tutorial/css3-miscellaneous.php.html">CSS3 Miscellaneous</a>
</div>
<div class="segment"><span>CSS3</span> EXAMPLES</div>
<div class="chapters">
    <a href="../css-examples.php.html">CSS3 Practice Examples</a>
	<a href="../faq.php.html#html-css">CSS3 FAQ's Answers</a>
</div>
<div class="segment"><span>CSS3</span> REFERENCE</div>
<div class="chapters">
    <a href="css-at-rules.php.html">CSS3 At-rules</a>
    <a href="css3-properties.php.html">CSS3 Properties</a>
	<a href="css-animatable-properties.php.html">CSS3 Animatable Properties</a>
    <a href="css-color-values.php.html">CSS3 Color Values</a>
    <a href="css-color-names.php.html">CSS3 Color Names</a>
    <a href="css-web-safe-fonts.php.html">CSS3 Web Safe Fonts</a>
    <a href="css-aural-properties.php.html">CSS3 Aural Properties</a>
	<a href="../references.php.html" class="more">More references</a>
</div>        
                </div>
        <div class="centercolumn">
            <!--Text Content-->
            <div class="content">
                <div class="leaderboard">

    <div class="ad-label">Advertisements</div>

    <div class="ad-container">
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <!-- Responsive Leaderboard -->
        <ins class="adsbygoogle"
                style="display:block;max-width:728px;width:100%;height:90px"
                data-ad-client="ca-pub-9107540490929984"
                data-ad-slot="4302666817"></ins>
        <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>

    <!-- ABR Leaderboard -->
    <div id="bsa-zone_1579648332258-0_123456"></div>

</div>                <!-- InstanceBeginEditable name="main_content" -->
				<a href="css-at-rules.php.html" class="previous-page" title="Go to Previous Page"></a>
				<a href="css-color-values.php.html" class="next-page" title="Go to Next Page"></a>
				<h1>CSS3 <span>Properties</span></h1>
				<p class="summary">The following section contains a list of CSS3 properties along with a brief description.</p>
				<h2 class="order-info"><strong>CSS Properties</strong><span class="rounded toggle">Order by Category</span></h2>
				<div class="css-properties order-by-alphabet" style="display:block;">
					<p>The following section contains a complete list of standard properties belonging to the latest CSS3 specifications. All the properties are listed alphabetically.</p>
					<div class="shadow">
						<table class="data no-wrap">
							<thead>
								<tr>
									<th>Property</th>
									<th>Description</th>
								</tr>
							</thead>
							<tbody>                            
								<tr>
									<td><a href="css3-align-content-property.php.html" target="_blank"><code>align-content</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the alignment of flexible container's items within the flex container.</td>
								</tr>
								<tr>
									<td><a href="css3-align-items-property.php.html" target="_blank"><code>align-items</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the default alignment for items within the flex container.</td>
								</tr> 
								<tr>
									<td><a href="css3-align-self-property.php.html" target="_blank"><code>align-self</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the alignment for selected items within the flex container.</td>
								</tr> 
								<tr>
									<td><a href="css3-animation-property.php.html" target="_blank"><code>animation</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the keyframe-based animations.</td>
								</tr> 
								<tr>
									<td><a href="css3-animation-delay-property.php.html" target="_blank"><code>animation-delay</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies when the animation will start.</td>
								</tr> 
								<tr>
									<td><a href="css3-animation-direction-property.php.html" target="_blank"><code>animation-direction</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies whether the animation should play in reverse on alternate cycles or not.</td>
								</tr> 
								<tr>
									<td><a href="css3-animation-duration-property.php.html" target="_blank"><code>animation-duration</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the number of seconds or milliseconds an animation should take to complete one cycle.</td>
								</tr> 
								<tr>
									<td><a href="css3-animation-fill-mode-property.php.html" target="_blank"><code>animation-fill-mode</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how a CSS animation should apply styles to its target before and after it is executing.</td>
								</tr> 
								<tr>
									<td><a href="css3-animation-iteration-count-property.php.html" target="_blank"><code>animation-iteration-count</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the number of times an animation cycle should be played before stopping.</td>
								</tr>
								<tr>
									<td><a href="css3-animation-name-property.php.html" target="_blank"><code>animation-name</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the name of <a href="css3-keyframes-rule.php.html" target="_blank"><code>@keyframes</code></a> defined animations that should be applied to the selected element.</td>
								</tr> 
								<tr>
									<td><a href="css3-animation-play-state-property.php.html" target="_blank"><code>animation-play-state</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies whether the animation is running or paused.</td>
								</tr>
								<tr>
									<td><a href="css3-animation-timing-function-property.php.html" target="_blank"><code>animation-timing-function</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how a CSS animation should progress over the duration of each cycle.</td>
								</tr> 
								<tr>
									<td><a href="css3-backface-visibility-property.php.html" target="_blank"><code>backface-visibility</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies whether or not the "back" side of a transformed element is visible when facing the user.</td>
								</tr>
								<tr>
									<td><a href="css-background-property.php.html" target="_blank"><code>background</code></a></td>
									<td>Defines a variety of background properties within one declaration.</td>
								</tr>
								<tr>
									<td><a href="css-background-attachment-property.php.html" target="_blank"><code>background-attachment</code></a></td>
									<td>Specify whether the background image is fixed in the viewport or scrolls.</td>
								</tr>
								<tr>
									<td><a href="css3-background-clip-property.php.html" target="_blank"><code>background-clip</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the painting area of the background.</td>
								</tr>
								<tr>
									<td><a href="css-background-color-property.php.html" target="_blank"><code>background-color</code></a></td>
									<td>Defines an element's background color.</td>
								</tr>
								<tr>
									<td><a href="css-background-image-property.php.html" target="_blank"><code>background-image</code></a></td>
									<td>Defines an element's background image.</td>
								</tr>
								<tr>
									<td><a href="css3-background-origin-property.php.html" target="_blank"><code>background-origin</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the positioning area of the background images.</td>
								</tr>
								<tr>
									<td><a href="css-background-position-property.php.html" target="_blank"><code>background-position</code></a></td>
									<td>Defines the origin of a background image.</td>
								</tr>
								<tr>
									<td><a href="css-background-repeat-property.php.html" target="_blank"><code>background-repeat</code></a></td>
									<td>Specify whether/how the background image is tiled.</td>
								</tr>
								<tr>
									<td><a href="css3-background-size-property.php.html" target="_blank"><code>background-size</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the size of the background images.</td>
								</tr>
								<tr>
									<td><a href="css-border-property.php.html" target="_blank"><code>border</code></a></td>
									<td>Sets the width, style, and color for all four sides of an element's border.</td>
								</tr>
								<tr>
									<td><a href="css-border-bottom-property.php.html" target="_blank"><code>border-bottom</code></a></td>
									<td>Sets the width, style, and color of the bottom border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-bottom-color-property.php.html" target="_blank"><code>border-bottom-color</code></a></td>
									<td>Sets the color of the bottom border of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-border-bottom-left-radius-property.php.html" target="_blank"><code>border-bottom-left-radius</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Defines the shape of the bottom-left border corner of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-border-bottom-right-radius-property.php.html" target="_blank"><code>border-bottom-right-radius</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Defines the shape of the bottom-right border corner of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-bottom-style-property.php.html" target="_blank"><code>border-bottom-style</code></a></td>
									<td>Sets the style of the bottom border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-bottom-width-property.php.html" target="_blank"><code>border-bottom-width</code></a></td>
									<td>Sets the width of the bottom border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-collapse-property.php.html" target="_blank"><code>border-collapse</code></a></td>
									<td>Specifies whether table cell borders are connected or separated.</td>
								</tr>
								<tr>
									<td><a href="css-border-color-property.php.html" target="_blank"><code>border-color</code></a></td>
									<td>Sets the color of the border on all the four sides of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-border-image-property.php.html" target="_blank"><code>border-image</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how an image is to be used in place of the border styles.</td>
								</tr>
								<tr>
									<td><a href="css3-border-image-outset-property.php.html" target="_blank"><code>border-image-outset</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the amount by which the border image area extends beyond the border box.</td>
								</tr> 
								<tr>
									<td><a href="css3-border-image-repeat-property.php.html" target="_blank"><code>border-image-repeat</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies whether the image-border should be repeated, rounded or stretched.</td>
								</tr>
								<tr>
									<td><a href="css3-border-image-slice-property.php.html" target="_blank"><code>border-image-slice</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the inward offsets of the image-border.</td>
								</tr> 
								<tr>
									<td><a href="css3-border-image-source-property.php.html" target="_blank"><code>border-image-source</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the location of the image to be used as a border.</td>
								</tr>
								<tr>
									<td><a href="css3-border-image-width-property.php.html" target="_blank"><code>border-image-width</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the width of the image-border.</td>
								</tr> 
								<tr>
									<td><a href="css-border-left-property.php.html" target="_blank"><code>border-left</code></a></td>
									<td>Sets the width, style, and color of the left border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-left-color-property.php.html" target="_blank"><code>border-left-color</code></a></td>
									<td>Sets the color of the left border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-left-style-property.php.html" target="_blank"><code>border-left-style</code></a></td>
									<td>Sets the style of the left border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-left-width-property.php.html" target="_blank"><code>border-left-width</code></a></td>
									<td>Sets the width of the left border of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-border-radius-property.php.html" target="_blank"><code>border-radius</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Defines the shape of the border corners of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-right-property.php.html" target="_blank"><code>border-right</code></a></td>
									<td>Sets the width, style, and color of the right border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-right-color-property.php.html" target="_blank"><code>border-right-color</code></a></td>
									<td>Sets the color of the right border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-right-style-property.php.html" target="_blank"><code>border-right-style</code></a></td>
									<td>Sets the style of the right border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-right-width-property.php.html" target="_blank"><code>border-right-width</code></a></td>
									<td>Sets the width of the right border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-spacing-property.php.html" target="_blank"><code>border-spacing</code></a></td>
									<td>Sets the spacing between the borders of adjacent table cells.</td>
								</tr>
								<tr>
									<td><a href="css-border-style-property.php.html" target="_blank"><code>border-style</code></a></td>
									<td>Sets the style of the border on all the four sides of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-top-property.php.html" target="_blank"><code>border-top</code></a></td>
									<td>Sets the width, style, and color of the top border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-top-color-property.php.html" target="_blank"><code>border-top-color</code></a></td>
									<td>Sets the color of the top border of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-border-top-left-radius-property.php.html" target="_blank"><code>border-top-left-radius</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Defines the shape of the top-left border corner of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-border-top-right-radius-property.php.html" target="_blank"><code>border-top-right-radius</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Defines the shape of the top-right border corner of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-top-style-property.php.html" target="_blank"><code>border-top-style</code></a></td>
									<td>Sets the style of the top border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-top-width-property.php.html" target="_blank"><code>border-top-width</code></a></td>
									<td>Sets the width of the top border of an element.</td>
								</tr>
								<tr>
									<td><a href="css-border-width-property.php.html" target="_blank"><code>border-width</code></a></td>
									<td>Sets the width of the border on all the four sides of an element.</td>
								</tr>                             
								<tr>
									<td><a href="css-bottom-property.php.html" target="_blank"><code>bottom</code></a></td>
									<td>Specify the location of the bottom edge of the positioned element.</td>
								</tr>
								<tr>
									<td><a href="css3-box-shadow-property.php.html" target="_blank"><code>box-shadow</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Applies one or more drop-shadows to the element's box.</td>
								</tr> 
								<tr>
									<td><a href="css3-box-sizing-property.php.html" target="_blank"><code>box-sizing</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Alter the default CSS box model.</td>
								</tr>
								<tr>
									<td><a href="css-caption-side-property.php.html" target="_blank"><code>caption-side</code></a></td>
									<td>Specify the position of table's caption.</td>
								</tr>
								<tr>
									<td><a href="css-clear-property.php.html" target="_blank"><code>clear</code></a></td>
									<td>Specifies the placement of an element in relation to floating elements.</td>
								</tr>
								<tr>
									<td><a href="css-clip-property.php.html" target="_blank"><code>clip</code></a></td>
									<td>Defines the clipping region.</td>
								</tr>
								<tr>
									<td><a href="css-color-property.php.html" target="_blank"><code>color</code></a></td>
									<td>Specify the color of the text of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-column-count-property.php.html" target="_blank"><code>column-count</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the number of columns in a multi-column element.</td>
								</tr> 
								<tr>
									<td><a href="css3-column-fill-property.php.html" target="_blank"><code>column-fill</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how columns will be filled.</td>
								</tr> 
								<tr>
									<td><a href="css3-column-gap-property.php.html" target="_blank"><code>column-gap</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the gap between the columns in a multi-column element.</td>
								</tr> 
								<tr>
									<td><a href="css3-column-rule-property.php.html" target="_blank"><code>column-rule</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies a straight line, or "rule", to be drawn between each column in a multi-column element.</td>
								</tr> 
								<tr>
									<td><a href="css3-column-rule-color-property.php.html" target="_blank"><code>column-rule-color</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the color of the rules drawn between columns in a multi-column layout.</td>
								</tr> 
								<tr>
									<td><a href="css3-column-rule-style-property.php.html" target="_blank"><code>column-rule-style</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the style of the rule drawn between the columns in a multi-column layout.</td>
								</tr> 
								<tr>
									<td><a href="css3-column-rule-width-property.php.html" target="_blank"><code>column-rule-width</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the width of the rule drawn between the columns in a multi-column layout.</td>
								</tr> 
								<tr>
									<td><a href="css3-column-span-property.php.html" target="_blank"><code>column-span</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how many columns an element spans across in a multi-column layout.</td>
								</tr>
								<tr>
									<td><a href="css3-column-width-property.php.html" target="_blank"><code>column-width</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the optimal width of the columns in a multi-column element.</td>
								</tr>
								<tr>
									<td><a href="css3-columns-property.php.html" target="_blank"><code>columns</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>A shorthand property for setting <a href="css3-column-width-property.php.html" target="_blank"><code>column-width</code></a> and <a href="css3-column-count-property.php.html" target="_blank"><code>column-count</code></a> properties.</td>
								</tr>
								<tr>
									<td><a href="css-content-property.php.html" target="_blank"><code>content</code></a></td>
									<td>Inserts generated content.</td>
								</tr>
								<tr>
									<td><a href="css-counter-increment-property.php.html" target="_blank"><code>counter-increment</code></a></td>
									<td>Increments one or more counter values.</td>
								</tr>
								<tr>
									<td><a href="css-counter-reset-property.php.html" target="_blank"><code>counter-reset</code></a></td>
									<td>Creates or resets one or more counters.</td>
								</tr>
								<tr>
									<td><a href="css-cursor-property.php.html" target="_blank"><code>cursor</code></a></td>
									<td>Specify the type of cursor.</td>
								</tr>
								<tr>
									<td><a href="css-direction-property.php.html" target="_blank"><code>direction</code></a></td>
									<td>Define the text direction/writing direction.</td>
								</tr>
								<tr>
									<td><a href="css-display-property.php.html" target="_blank"><code>display</code></a></td>
									<td>Specifies how an element is displayed onscreen.</td>
								</tr>
								<tr>
									<td><a href="css-empty-cells-property.php.html" target="_blank"><code>empty-cells</code></a></td>
									<td>Show or hide borders and backgrounds of empty table cells.</td>
								</tr>
								<tr>
									<td><a href="css3-flex-property.php.html" target="_blank"><code>flex</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the components of a flexible length.</td>
								</tr>
								<tr>
									<td><a href="css3-flex-basis-property.php.html" target="_blank"><code>flex-basis</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the initial main size of the flex item.</td>
								</tr>
								<tr>
									<td><a href="css3-flex-direction-property.php.html" target="_blank"><code>flex-direction</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the direction of the flexible items.</td>
								</tr>
								<tr>
									<td><a href="css3-flex-flow-property.php.html" target="_blank"><code>flex-flow</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>A shorthand property for the <a href="css3-flex-direction-property.php.html" target="_blank"><code>flex-direction</code></a> and the <a href="css3-flex-wrap-property.php.html" target="_blank"><code>flex-wrap</code></a> properties.</td>
								</tr>
								<tr>
									<td><a href="css3-flex-grow-property.php.html" target="_blank"><code>flex-grow</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how the flex item will grow relative to the other items inside the flex container.</td>
								</tr>
								<tr>
									<td><a href="css3-flex-shrink-property.php.html" target="_blank"><code>flex-shrink</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how the flex item will shrink relative to the other items inside the flex container.</td>
								</tr>
								<tr>
									<td><a href="css3-flex-wrap-property.php.html" target="_blank"><code>flex-wrap</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies whether the flexible items should wrap or not.</td>
								</tr>
								<tr>
									<td><a href="css-float-property.php.html" target="_blank"><code>float</code></a></td>
									<td>Specifies whether or not a box should float.</td>
								</tr>
								<tr>
									<td><a href="css-font-property.php.html" target="_blank"><code>font</code></a></td>
									<td>Defines a variety of font properties within one declaration.</td>
								</tr>
								<tr>
									<td><a href="css-font-family-property.php.html" target="_blank"><code>font-family</code></a></td>
									<td>Defines a list of fonts for element.</td>
								</tr>
								<tr>
									<td><a href="css-font-size-property.php.html" target="_blank"><code>font-size</code></a></td>
									<td>Defines the font size for the text.</td>
								</tr>
								<tr>
									<td><a href="css3-font-size-adjust-property.php.html" target="_blank"><code>font-size-adjust</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Preserves the readability of text when font fallback occurs.</td>
								</tr>
								<tr>
									<td><a href="css3-font-stretch-property.php.html" target="_blank"><code>font-stretch</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Selects a normal, condensed, or expanded face from a font.</td>
								</tr>
								<tr>
									<td><a href="css-font-style-property.php.html" target="_blank"><code>font-style</code></a></td>
									<td>Defines the font style for the text.</td>
								</tr>
								<tr>
									<td><a href="css-font-variant-property.php.html" target="_blank"><code>font-variant</code></a></td>
									<td>Specify the font variant.</td>
								</tr>
								<tr>
									<td><a href="css-font-weight-property.php.html" target="_blank"><code>font-weight</code></a></td>
									<td>Specify the font weight of the text.</td>
								</tr>
								<tr>
									<td><a href="css-height-property.php.html" target="_blank"><code>height</code></a></td>
									<td>Specify the height of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-justify-content-property.php.html" target="_blank"><code>justify-content</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how flex items are aligned along the main axis of the flex container after any flexible lengths and auto margins have been resolved.</td>
								</tr>
								<tr>
									<td><a href="css-left-property.php.html" target="_blank"><code>left</code></a></td>
									<td>Specify the location of the left edge of the positioned element.</td>
								</tr>
								<tr>
									<td><a href="css-letter-spacing-property.php.html" target="_blank"><code>letter-spacing</code></a></td>
									<td>Sets the extra spacing between letters.</td>
								</tr>
								<tr>
									<td><a href="css-line-height-property.php.html" target="_blank"><code>line-height</code></a></td>
									<td>Sets the height between lines of text.</td>
								</tr>
								<tr>
									<td><a href="css-list-style-property.php.html" target="_blank"><code>list-style</code></a></td>
									<td>Defines the display style for a list and list elements.</td>
								</tr>
								<tr>
									<td><a href="css-list-style-image-property.php.html" target="_blank"><code>list-style-image</code></a></td>
									<td>Specifies the image to be used as a list-item marker.</td>
								</tr>
								<tr>
									<td><a href="css-list-style-position-property.php.html" target="_blank"><code>list-style-position</code></a></td>
									<td>Specifies the position of the list-item marker.</td>
								</tr>
								<tr>
									<td><a href="css-list-style-type-property.php.html" target="_blank"><code>list-style-type</code></a></td>
									<td>Specifies the marker style for a list-item.</td>
								</tr>
								<tr>
									<td><a href="css-margin-property.php.html" target="_blank"><code>margin</code></a></td>
									<td>Sets the margin on all four sides of the element.</td>
								</tr>
								<tr>
									<td><a href="css-margin-bottom-property.php.html" target="_blank"><code>margin-bottom</code></a></td>
									<td>Sets the bottom margin of the element.</td>
								</tr>
								<tr>
									<td><a href="css-margin-left-property.php.html" target="_blank"><code>margin-left</code></a></td>
									<td>Sets the left margin of the element.</td>
								</tr>
								<tr>
									<td><a href="css-margin-right-property.php.html" target="_blank"><code>margin-right</code></a></td>
									<td>Sets the right margin of the element.</td>
								</tr>
								<tr>
									<td><a href="css-margin-top-property.php.html" target="_blank"><code>margin-top</code></a></td>
									<td>Sets the top margin of the element.</td>
								</tr>
								<tr>
									<td><a href="css-max-height-property.php.html" target="_blank"><code>max-height</code></a></td>
									<td>Specify the maximum height of an element.</td>
								</tr>
								<tr>
									<td><a href="css-max-width-property.php.html" target="_blank"><code>max-width</code></a></td>
									<td>Specify the maximum width of an element.</td>
								</tr>
								<tr>
									<td><a href="css-min-height-property.php.html" target="_blank"><code>min-height</code></a></td>
									<td>Specify the minimum height of an element.</td>
								</tr>
								<tr>
									<td><a href="css-min-width-property.php.html" target="_blank"><code>min-width</code></a></td>
									<td>Specify the minimum width of an element.</td>
								</tr>
								<tr>
									<td><a href="css-opacity-property.php.html" target="_blank"><code>opacity</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the transparency of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-order-property.php.html" target="_blank"><code>order</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the order in which a flex items are displayed and laid out within a flex container.</td>
								</tr>
								<tr>
									<td><a href="css-outline-property.php.html" target="_blank"><code>outline</code></a></td>
									<td>Sets the width, style, and color for all four sides of an element's outline.</td>
								</tr>
								<tr>
									<td><a href="css-outline-color-property.php.html" target="_blank"><code>outline-color</code></a></td>
									<td>Sets the color of the outline.</td>
								</tr>
								<tr>
									<td><a href="css3-outline-offset-property.php.html" target="_blank"><code>outline-offset</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Set the space between an outline and the border edge of an element.</td>
								</tr>
								<tr>
									<td><a href="css-outline-style-property.php.html" target="_blank"><code>outline-style</code></a></td>
									<td>Sets a style for an outline.</td>
								</tr>
								<tr>
									<td><a href="css-outline-width-property.php.html" target="_blank"><code>outline-width</code></a></td>
									<td>Sets the width of the outline.</td>
								</tr>
								<tr>
									<td><a href="css-overflow-property.php.html" target="_blank"><code>overflow</code></a></td>
									<td>Specifies the treatment of content that overflows the element's box.</td>
								</tr>
								<tr>
									<td><a href="css-overflow-x-property.php.html" target="_blank"><code>overflow-x</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the treatment of content that overflows the element's box horizontally.</td>
								</tr>
								<tr>
									<td><a href="css-overflow-y-property.php.html" target="_blank"><code>overflow-y</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the treatment of content that overflows the element's box vertically.</td>
								</tr>
								<tr>
									<td><a href="css-padding-property.php.html" target="_blank"><code>padding</code></a></td>
									<td>Sets the padding on all four sides of the element.</td>
								</tr>
								<tr>
									<td><a href="css-padding-bottom-property.php.html" target="_blank"><code>padding-bottom</code></a></td>
									<td>Sets the padding to the bottom side of an element.</td>
								</tr>
								<tr>
									<td><a href="css-padding-left-property.php.html" target="_blank"><code>padding-left</code></a></td>
									<td>Sets the padding to the left side of an element.</td>
								</tr>
								<tr>
									<td><a href="css-padding-right-property.php.html" target="_blank"><code>padding-right</code></a></td>
									<td>Sets the padding to the right side of an element.</td>
								</tr>
								<tr>
									<td><a href="css-padding-top-property.php.html" target="_blank"><code>padding-top</code></a></td>
									<td>Sets the padding to the top side of an element.</td>
								</tr>
								<tr>
									<td><a href="css-page-break-after-property.php.html" target="_blank"><code>page-break-after</code></a></td>
									<td>Insert a page breaks after an element.</td>
								</tr>
								<tr>
									<td><a href="css-page-break-before-property.php.html" target="_blank"><code>page-break-before</code></a></td>
									<td>Insert a page breaks before an element.</td>
								</tr>
								<tr>
									<td><a href="css-page-break-inside-property.php.html" target="_blank"><code>page-break-inside</code></a></td>
									<td>Insert a page breaks inside an element.</td>
								</tr>
								<tr>
									<td><a href="css3-perspective-property.php.html" target="_blank"><code>perspective</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Defines the perspective from which all child elements of the object are viewed.</td>
								</tr>
								<tr>
									<td><a href="css3-perspective-origin-property.php.html" target="_blank"><code>perspective-origin</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Defines the origin (the vanishing point for the 3D space) for the perspective property.</td>
								</tr>
								<tr>
									<td><a href="css-position-property.php.html" target="_blank"><code>position</code></a></td>
									<td>Specifies how an element is positioned.</td>
								</tr>
								<tr>
									<td><a href="css-quotes-property.php.html" target="_blank"><code>quotes</code></a></td>
									<td>Specifies quotation marks for embedded quotations.</td>
								</tr>
								<tr>
									<td><a href="css3-resize-property.php.html" target="_blank"><code>resize</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies whether or not an element is resizable by the user.</td>
								</tr>
								<tr>
									<td><a href="css-right-property.php.html" target="_blank"><code>right</code></a></td>
									<td>Specify the location of the right edge of the positioned element.</td>
								</tr>
								<tr>
									<td><a href="css3-tab-size-property.php.html" target="_blank"><code>tab-size</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the length of the tab character.</td>
								</tr>
								<tr>
									<td><a href="css-table-layout-property.php.html" target="_blank"><code>table-layout</code></a></td>
									<td>Specifies a table layout algorithm.</td>
								</tr>
								<tr>
									<td><a href="css-text-align-property.php.html" target="_blank"><code>text-align</code></a></td>
									<td>Sets the horizontal alignment of inline content.</td>
								</tr>
								<tr>
									<td><a href="css3-text-align-last-property.php.html" target="_blank"><code>text-align-last</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how the last line of a block or a line right before a forced line break is aligned when <a href="css-text-align-property.php.html" target="_blank"><code>text-align</code></a> is <code>justify</code>.</td>
								</tr>
								<tr>
									<td><a href="css-text-decoration-property.php.html" target="_blank"><code>text-decoration</code></a></td>
									<td>Specifies the decoration added to text.</td>
								</tr>
								<tr>
									<td><a href="css3-text-decoration-color-property.php.html" target="_blank"><code>text-decoration-color</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the color of the <a href="css3-text-decoration-line-property.php.html" target="_blank"><code>text-decoration-line</code></a>.</td>
								</tr>
								<tr>
									<td><a href="css3-text-decoration-line-property.php.html" target="_blank"><code>text-decoration-line</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies what kind of line decorations are added to the element.</td>
								</tr>
								<tr>
									<td><a href="css3-text-decoration-style-property.php.html" target="_blank"><code>text-decoration-style</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the style of the lines specified by the <a href="css3-text-decoration-line-property.php.html" target="_blank"><code>text-decoration-line</code></a> property</td>
								</tr>
								<tr>
									<td><a href="css-text-indent-property.php.html" target="_blank"><code>text-indent</code></a></td>
									<td>Indent the first line of text.</td>
								</tr>
								<tr>
									<td><a href="css3-text-justify-property.php.html" target="_blank"><code>text-justify</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the justification method to use when the <a href="css-text-align-property.php.html" target="_blank"><code>text-align</code></a> property is set to <code>justify</code>.</td>
								</tr>
								<tr>
									<td><a href="css3-text-overflow-property.php.html" target="_blank"><code>text-overflow</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how the text content will be displayed, when it overflows the block containers.</td>
								</tr>
								<tr>
									<td><a href="css3-text-shadow-property.php.html" target="_blank"><code>text-shadow</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Applies one or more shadows to the text content of an element.</td>
								</tr>
								<tr>
									<td><a href="css-text-transform-property.php.html" target="_blank"><code>text-transform</code></a></td>
									<td>Transforms the case of the text.</td>
								</tr>
								<tr>
									<td><a href="css-top-property.php.html" target="_blank"><code>top</code></a></td>
									<td>Specify the location of the top edge of the positioned element.</td>
								</tr>
								<tr>
									<td><a href="css3-transform-property.php.html" target="_blank"><code>transform</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Applies a 2D or 3D transformation to an element.</td>
								</tr>
								<tr>
									<td><a href="css3-transform-origin-property.php.html" target="_blank"><code>transform-origin</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Defines the origin of transformation for an element.</td>
								</tr>
								<tr>
									<td><a href="css3-transform-style-property.php.html" target="_blank"><code>transform-style</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how nested elements are rendered in 3D space.</td>
								</tr>
								<tr>
									<td><a href="css3-transition-property.php.html" target="_blank"><code>transition</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Defines the transition between two states of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-transition-delay-property.php.html" target="_blank"><code>transition-delay</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies when the transition effect will start.</td>
								</tr>
								<tr>
									<td><a href="css3-transition-duration-property.php.html" target="_blank"><code>transition-duration</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the number of seconds or milliseconds a transition effect should take to complete.</td>
								</tr> 
								<tr>
									<td><a href="css3-transition-property-property.php.html" target="_blank"><code>transition-property</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the names of the CSS properties to which a transition effect should be applied.</td>
								</tr>
								<tr>
									<td><a href="css3-transition-timing-function-property.php.html" target="_blank"><code>transition-timing-function</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies the speed curve of the transition effect.</td>
								</tr>
								<tr>
									<td><a href="css-vertical-align-property.php.html" target="_blank"><code>vertical-align</code></a></td>
									<td>Sets the vertical positioning of an element relative to the current text baseline.</td>
								</tr>
								<tr>
									<td><a href="css-visibility-property.php.html" target="_blank"><code>visibility</code></a></td>
									<td>Specifies whether or not an element is visible.</td>
								</tr>
								<tr>
									<td><a href="css-white-space-property.php.html" target="_blank"><code>white-space</code></a></td>
									<td>Specifies how white space inside the element is handled.</td>
								</tr>
								<tr>
									<td><a href="css-width-property.php.html" target="_blank"><code>width</code></a></td>
									<td>Specify the width of an element.</td>
								</tr>
								<tr>
									<td><a href="css3-word-break-property.php.html" target="_blank"><code>word-break</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies how to break lines within words.</td>
								</tr>
								<tr>
									<td><a href="css-word-spacing-property.php.html" target="_blank"><code>word-spacing</code></a></td>
									<td>Sets the spacing between words.</td>
								</tr>
								<tr>
									<td><a href="css3-word-wrap-property.php.html" target="_blank"><code>word-wrap</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
									<td>Specifies whether to break words when the content overflows the boundaries of its container.</td>
								</tr>
								<tr>
									<td><a href="css-z-index-property.php.html" target="_blank"><code>z-index</code></a></td>
									<td>Specifies a layering or stacking order for positioned elements.</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
				<div class="css-properties order-by-category" style="display:none;">
					<p>The following section contains a complete list of standard properties belonging to the latest CSS3 specifications. All the properties are grouped into categories.</p>
					<h2>Animation Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css3-animation-property.php.html" target="_blank"><code>animation</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the keyframe-based animations.</td>
							</tr> 
							<tr>
								<td><a href="css3-animation-delay-property.php.html" target="_blank"><code>animation-delay</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies when the animation will start.</td>
							</tr> 
							<tr>
								<td><a href="css3-animation-direction-property.php.html" target="_blank"><code>animation-direction</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies whether the animation should play in reverse on alternate cycles or not.</td>
							</tr> 
							<tr>
								<td><a href="css3-animation-duration-property.php.html" target="_blank"><code>animation-duration</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the number of seconds or milliseconds an animation should take to complete one cycle.</td>
							</tr> 
							<tr>
								<td><a href="css3-animation-fill-mode-property.php.html" target="_blank"><code>animation-fill-mode</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how a CSS animation should apply styles to its target before and after it is executing.</td>
							</tr> 
							<tr>
								<td><a href="css3-animation-iteration-count-property.php.html" target="_blank"><code>animation-iteration-count</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the number of times an animation cycle should be played before stopping.</td>
							</tr>
							<tr>
								<td><a href="css3-animation-name-property.php.html" target="_blank"><code>animation-name</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the name of <a href="css3-keyframes-rule.php.html" target="_blank"><code>@keyframes</code></a> defined animations that should be applied to the selected element.</td>
							</tr> 
							<tr>
								<td><a href="css3-animation-play-state-property.php.html" target="_blank"><code>animation-play-state</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies whether the animation is running or paused.</td>
							</tr>
							<tr>
								<td><a href="css3-animation-timing-function-property.php.html" target="_blank"><code>animation-timing-function</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how a CSS animation should progress over the duration of each cycle.</td>
							</tr>
						</table>
					</div>							
					<h2>Background Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-background-property.php.html" target="_blank"><code>background</code></a></td>
								<td>Defines a variety of background properties within one declaration.</td>
							</tr>
							<tr>
								<td><a href="css-background-attachment-property.php.html" target="_blank"><code>background-attachment</code></a></td>
								<td>Specify whether the background image is fixed in the viewport or scrolls.</td>
							</tr>
							<tr>
								<td><a href="css3-background-clip-property.php.html" target="_blank"><code>background-clip</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the painting area of the background.</td>
							</tr>
							<tr>
								<td><a href="css-background-color-property.php.html" target="_blank"><code>background-color</code></a></td>
								<td>Defines an element's background color.</td>
							</tr>
							<tr>
								<td><a href="css-background-image-property.php.html" target="_blank"><code>background-image</code></a></td>
								<td>Defines an element's background image.</td>
							</tr>
							<tr>
								<td><a href="css3-background-origin-property.php.html" target="_blank"><code>background-origin</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the positioning area of the background images.</td>
							</tr>
							<tr>
								<td><a href="css-background-position-property.php.html" target="_blank"><code>background-position</code></a></td>
								<td>Defines the origin of a background image.</td>
							</tr>
							<tr>
								<td><a href="css-background-repeat-property.php.html" target="_blank"><code>background-repeat</code></a></td>
								<td>Specify whether/how the background image is tiled.</td>
							</tr>
							<tr>
								<td><a href="css3-background-size-property.php.html" target="_blank"><code>background-size</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the size of the background images.</td>
							</tr>
						</table>
					</div>
					<h2>Border Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-border-property.php.html" target="_blank"><code>border</code></a></td>
								<td>Sets the width, style, and color for all four sides of an element's border.</td>
							</tr>
							<tr>
								<td><a href="css-border-bottom-property.php.html" target="_blank"><code>border-bottom</code></a></td>
								<td>Sets the width, style, and color of the bottom border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-bottom-color-property.php.html" target="_blank"><code>border-bottom-color</code></a></td>
								<td>Sets the color of the bottom border of an element.</td>
							</tr>
							<tr>
								<td><a href="css3-border-bottom-left-radius-property.php.html" target="_blank"><code>border-bottom-left-radius</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Defines the shape of the bottom-left border corner of an element.</td>
							</tr>
							<tr>
								<td><a href="css3-border-bottom-right-radius-property.php.html" target="_blank"><code>border-bottom-right-radius</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Defines the shape of the bottom-right border corner of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-bottom-style-property.php.html" target="_blank"><code>border-bottom-style</code></a></td>
								<td>Sets the style of the bottom border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-bottom-width-property.php.html" target="_blank"><code>border-bottom-width</code></a></td>
								<td>Sets the width of the bottom border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-color-property.php.html" target="_blank"><code>border-color</code></a></td>
								<td>Sets the color of the border on all the four sides of an element.</td>
							</tr>
							<tr>
								<td><a href="css3-border-image-property.php.html" target="_blank"><code>border-image</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how an image is to be used in place of the border styles.</td>
							</tr>
							<tr>
								<td><a href="css3-border-image-outset-property.php.html" target="_blank"><code>border-image-outset</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the amount by which the border image area extends beyond the border box.</td>
							</tr> 
							<tr>
								<td><a href="css3-border-image-repeat-property.php.html" target="_blank"><code>border-image-repeat</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies whether the image-border should be repeated, rounded or stretched.</td>
							</tr>
							<tr>
								<td><a href="css3-border-image-slice-property.php.html" target="_blank"><code>border-image-slice</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the inward offsets of the image-border.</td>
							</tr> 
							<tr>
								<td><a href="css3-border-image-source-property.php.html" target="_blank"><code>border-image-source</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the location of the image to be used as a border.</td>
							</tr>
							<tr>
								<td><a href="css3-border-image-width-property.php.html" target="_blank"><code>border-image-width</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the width of the image-border.</td>
							</tr>
							<tr>
								<td><a href="css-border-left-property.php.html" target="_blank"><code>border-left</code></a></td>
								<td>Sets the width, style, and color of the left border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-left-color-property.php.html" target="_blank"><code>border-left-color</code></a></td>
								<td>Sets the color of the left border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-left-style-property.php.html" target="_blank"><code>border-left-style</code></a></td>
								<td>Sets the style of the left border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-left-width-property.php.html" target="_blank"><code>border-left-width</code></a></td>
								<td>Sets the width of the left border of an element.</td>
							</tr>
							<tr>
								<td><a href="css3-border-radius-property.php.html" target="_blank"><code>border-radius</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Defines the shape of the border corners of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-right-property.php.html" target="_blank"><code>border-right</code></a></td>
								<td>Sets the width, style, and color of the right border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-right-color-property.php.html" target="_blank"><code>border-right-color</code></a></td>
								<td>Sets the color of the right border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-right-style-property.php.html" target="_blank"><code>border-right-style</code></a></td>
								<td>Sets the style of the right border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-right-width-property.php.html" target="_blank"><code>border-right-width</code></a></td>
								<td>Sets the width of the right border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-style-property.php.html" target="_blank"><code>border-style</code></a></td>
								<td>Sets the style of the border on all the four sides of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-top-property.php.html" target="_blank"><code>border-top</code></a></td>
								<td>Sets the width, style, and color of the top border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-top-color-property.php.html" target="_blank"><code>border-top-color</code></a></td>
								<td>Sets the color of the top border of an element.</td>
							</tr>
							<tr>
								<td><a href="css3-border-top-left-radius-property.php.html" target="_blank"><code>border-top-left-radius</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Defines the shape of the top-left border corner of an element.</td>
							</tr>
							<tr>
								<td><a href="css3-border-top-right-radius-property.php.html" target="_blank"><code>border-top-right-radius</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Defines the shape of the top-right border corner of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-top-style-property.php.html" target="_blank"><code>border-top-style</code></a></td>
								<td>Sets the style of the top border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-top-width-property.php.html" target="_blank"><code>border-top-width</code></a></td>
								<td>Sets the width of the top border of an element.</td>
							</tr>
							<tr>
								<td><a href="css-border-width-property.php.html" target="_blank"><code>border-width</code></a></td>
								<td>Sets the width of the border on all the four sides of an element.</td>
							</tr>
						</table>
					</div>
					<h2>Color Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-color-property.php.html" target="_blank"><code>color</code></a></td>
								<td>Specify the color of the text of an element.</td>
							</tr>
							<tr>
								<td><a href="css-opacity-property.php.html" target="_blank"><code>opacity</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the transparency of an element.</td>
							</tr>
						</table>
					</div>
					<h2>Dimension Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-height-property.php.html" target="_blank"><code>height</code></a></td>
								<td>Specify the height of an element.</td>
							</tr>
							<tr>
								<td><a href="css-max-height-property.php.html" target="_blank"><code>max-height</code></a></td>
								<td>Specify the maximum height of an element.</td>
							</tr>
							<tr>
								<td><a href="css-max-width-property.php.html" target="_blank"><code>max-width</code></a></td>
								<td>Specify the maximum width of an element.</td>
							</tr>
							<tr>
								<td><a href="css-min-height-property.php.html" target="_blank"><code>min-height</code></a></td>
								<td>Specify the minimum height of an element.</td>
							</tr>
							<tr>
								<td><a href="css-min-width-property.php.html" target="_blank"><code>min-width</code></a></td>
								<td>Specify the minimum width of an element.</td>
							</tr>
							<tr>
								<td><a href="css-width-property.php.html" target="_blank"><code>width</code></a></td>
								<td>Specify the width of an element.</td>
							</tr>
						</table>
					</div>
					<h2>Generated Content Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-content-property.php.html" target="_blank"><code>content</code></a></td>
								<td>Inserts generated content.</td>
							</tr>
							<tr>
								<td><a href="css-quotes-property.php.html" target="_blank"><code>quotes</code></a></td>
								<td>Specifies quotation marks for embedded quotations.</td>
							</tr>
							<tr>
								<td><a href="css-counter-reset-property.php.html" target="_blank"><code>counter-reset</code></a></td>
								<td>Creates or resets one or more counters.</td>
							</tr>
							<tr>
								<td><a href="css-counter-increment-property.php.html" target="_blank"><code>counter-increment</code></a></td>
								<td>Increments one or more counter values.</td>
							</tr>
						</table>
					</div>
					<h2>Flexible Box Layout</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css3-align-content-property.php.html" target="_blank"><code>align-content</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the alignment of flexible container's items within the flex container.</td>
							</tr>
							<tr>
								<td><a href="css3-align-items-property.php.html" target="_blank"><code>align-items</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the default alignment for items within the flex container.</td>
							</tr> 
							<tr>
								<td><a href="css3-align-self-property.php.html" target="_blank"><code>align-self</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the alignment for selected items within the flex container.</td>
							</tr>
							<tr>
								<td><a href="css3-flex-property.php.html" target="_blank"><code>flex</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the components of a flexible length.</td>
							</tr>
							<tr>
								<td><a href="css3-flex-basis-property.php.html" target="_blank"><code>flex-basis</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the initial main size of the flex item.</td>
							</tr>
							<tr>
								<td><a href="css3-flex-direction-property.php.html" target="_blank"><code>flex-direction</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the direction of the flexible items.</td>
							</tr>
							<tr>
								<td><a href="css3-flex-flow-property.php.html" target="_blank"><code>flex-flow</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>A shorthand property for the <a href="css3-flex-direction-property.php.html" target="_blank"><code>flex-direction</code></a> and the <a href="css3-flex-wrap-property.php.html" target="_blank"><code>flex-wrap</code></a> properties.</td>
							</tr>
							<tr>
								<td><a href="css3-flex-grow-property.php.html" target="_blank"><code>flex-grow</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how the flex item will grow relative to the other items inside the flex container.</td>
							</tr>
							<tr>
								<td><a href="css3-flex-shrink-property.php.html" target="_blank"><code>flex-shrink</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how the flex item will shrink relative to the other items inside the flex container.</td>
							</tr>
							<tr>
								<td><a href="css3-flex-wrap-property.php.html" target="_blank"><code>flex-wrap</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies whether the flexible items should wrap or not.</td>
							</tr>
							<tr>
								<td><a href="css3-justify-content-property.php.html" target="_blank"><code>justify-content</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how flex items are aligned along the main axis of the flex container after any flexible lengths and auto margins have been resolved.</td>
							</tr>
							<tr>
								<td><a href="css3-order-property.php.html" target="_blank"><code>order</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the order in which a flex items are displayed and laid out within a flex container.</td>
							</tr>
						</table>
					</div>
					<h2>Font Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-font-property.php.html" target="_blank"><code>font</code></a></td>
								<td>Defines a variety of font properties within one declaration.</td>
							</tr>
							<tr>
								<td><a href="css-font-family-property.php.html" target="_blank"><code>font-family</code></a></td>
								<td>Defines a list of fonts for element.</td>
							</tr>
							<tr>
								<td><a href="css-font-size-property.php.html" target="_blank"><code>font-size</code></a></td>
								<td>Defines the font size for the text.</td>
							</tr>
							<tr>
								<td><a href="css3-font-size-adjust-property.php.html" target="_blank"><code>font-size-adjust</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Preserves the readability of text when font fallback occurs.</td>
							</tr>
							<tr>
								<td><a href="css3-font-stretch-property.php.html" target="_blank"><code>font-stretch</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Selects a normal, condensed, or expanded face from a font.</td>
							</tr>
							<tr>
								<td><a href="css-font-style-property.php.html" target="_blank"><code>font-style</code></a></td>
								<td>Defines the font style for the text.</td>
							</tr>
							<tr>
								<td><a href="css-font-variant-property.php.html" target="_blank"><code>font-variant</code></a></td>
								<td>Specify the font variant.</td>
							</tr>
							<tr>
								<td><a href="css-font-weight-property.php.html" target="_blank"><code>font-weight</code></a></td>
								<td>Specify the font weight of the text.</td>
							</tr>
						</table>
					</div>
					<h2>List Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-list-style-property.php.html" target="_blank"><code>list-style</code></a></td>
								<td>Defines the display style for a list and list elements.</td>
							</tr>
							<tr>
								<td><a href="css-list-style-image-property.php.html" target="_blank"><code>list-style-image</code></a></td>
								<td>Specifies the image to be used as a list-item marker.</td>
							</tr>
							<tr>
								<td><a href="css-list-style-position-property.php.html" target="_blank"><code>list-style-position</code></a></td>
								<td>Specifies the position of the list-item marker.</td>
							</tr>
							<tr>
								<td><a href="css-list-style-type-property.php.html" target="_blank"><code>list-style-type</code></a></td>
								<td>Specifies the marker style for a list-item.</td>
							</tr>
						</table>
					</div>
					<h2>Margin Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-margin-property.php.html" target="_blank"><code>margin</code></a></td>
								<td>Sets the margin on all four sides of the element.</td>
							</tr>
							<tr>
								<td><a href="css-margin-bottom-property.php.html" target="_blank"><code>margin-bottom</code></a></td>
								<td>Sets the bottom margin of the element.</td>
							</tr>
							<tr>
								<td><a href="css-margin-left-property.php.html" target="_blank"><code>margin-left</code></a></td>
								<td>Sets the left margin of the element.</td>
							</tr>
							<tr>
								<td><a href="css-margin-right-property.php.html" target="_blank"><code>margin-right</code></a></td>
								<td>Sets the right margin of the element.</td>
							</tr>
							<tr>
								<td><a href="css-margin-top-property.php.html" target="_blank"><code>margin-top</code></a></td>
								<td>Sets the top margin of the element.</td>
							</tr>
						</table>
					</div>                    
					<h2>Multi-column Layout Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css3-column-count-property.php.html" target="_blank"><code>column-count</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the number of columns in a multi-column element.</td>
							</tr> 
							<tr>
								<td><a href="css3-column-fill-property.php.html" target="_blank"><code>column-fill</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how columns will be filled.</td>
							</tr> 
							<tr>
								<td><a href="css3-column-gap-property.php.html" target="_blank"><code>column-gap</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the gap between the columns in a multi-column element.</td>
							</tr> 
							<tr>
								<td><a href="css3-column-rule-property.php.html" target="_blank"><code>column-rule</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies a straight line, or "rule", to be drawn between each column in a multi-column element.</td>
							</tr> 
							<tr>
								<td><a href="css3-column-rule-color-property.php.html" target="_blank"><code>column-rule-color</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the color of the rules drawn between columns in a multi-column layout.</td>
							</tr> 
							<tr>
								<td><a href="css3-column-rule-style-property.php.html" target="_blank"><code>column-rule-style</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the style of the rule drawn between the columns in a multi-column layout.</td>
							</tr> 
							<tr>
								<td><a href="css3-column-rule-width-property.php.html" target="_blank"><code>column-rule-width</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the width of the rule drawn between the columns in a multi-column layout.</td>
							</tr> 
							<tr>
								<td><a href="css3-column-span-property.php.html" target="_blank"><code>column-span</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how many columns an element spans across in a multi-column layout.</td>
							</tr>
							<tr>
								<td><a href="css3-column-width-property.php.html" target="_blank"><code>column-width</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the optimal width of the columns in a multi-column element.</td>
							</tr>
							<tr>
								<td><a href="css3-columns-property.php.html" target="_blank"><code>columns</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>A shorthand property for setting <a href="css3-column-width-property.php.html" target="_blank"><code>column-width</code></a> and <a href="css3-column-count-property.php.html" target="_blank"><code>column-count</code></a> properties.</td>
							</tr>
						</table>
					</div>
					<h2>Outline Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-outline-property.php.html" target="_blank"><code>outline</code></a></td>
								<td>Sets the width, style, and color for all four sides of an element's outline.</td>
							</tr>
							<tr>
								<td><a href="css-outline-color-property.php.html" target="_blank"><code>outline-color</code></a></td>
								<td>Sets the color of the outline.</td>
							</tr>
							<tr>
								<td><a href="css3-outline-offset-property.php.html" target="_blank"><code>outline-offset</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Set the space between an outline and the border edge of an element.</td>
							</tr>
							<tr>
								<td><a href="css-outline-style-property.php.html" target="_blank"><code>outline-style</code></a></td>
								<td>Sets a style for an outline.</td>
							</tr>
							<tr>
								<td><a href="css-outline-width-property.php.html" target="_blank"><code>outline-width</code></a></td>
								<td>Sets the width of the outline.</td>
							</tr>
						</table>
					</div>
					<h2>Padding Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-padding-property.php.html" target="_blank"><code>padding</code></a></td>
								<td>Sets the padding on all four sides of the element.</td>
							</tr>
							<tr>
								<td><a href="css-padding-bottom-property.php.html" target="_blank"><code>padding-bottom</code></a></td>
								<td>Sets the padding to the bottom side of an element.</td>
							</tr>
							<tr>
								<td><a href="css-padding-left-property.php.html" target="_blank"><code>padding-left</code></a></td>
								<td>Sets the padding to the left side of an element.</td>
							</tr>
							<tr>
								<td><a href="css-padding-right-property.php.html" target="_blank"><code>padding-right</code></a></td>
								<td>Sets the padding to the right side of an element.</td>
							</tr>
							<tr>
								<td><a href="css-padding-top-property.php.html" target="_blank"><code>padding-top</code></a></td>
								<td>Sets the padding to the top side of an element.</td>
							</tr>
						</table>
					</div>
					<h2>Print Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-page-break-after-property.php.html" target="_blank"><code>page-break-after</code></a></td>
								<td>Insert a page breaks after an element.</td>
							</tr>
							<tr>
								<td><a href="css-page-break-before-property.php.html" target="_blank"><code>page-break-before</code></a></td>
								<td>Insert a page breaks before an element.</td>
							</tr>
							<tr>
								<td><a href="css-page-break-inside-property.php.html" target="_blank"><code>page-break-inside</code></a></td>
								<td>Insert a page breaks inside an element.</td>
							</tr>
						</table>
					</div>
					<h2>Table Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-border-collapse-property.php.html" target="_blank"><code>border-collapse</code></a></td>
								<td>Specifies whether table cell borders are connected or separated.</td>
							</tr>
							<tr>
								<td><a href="css-border-spacing-property.php.html" target="_blank"><code>border-spacing</code></a></td>
								<td>Sets the spacing between the borders of adjacent table cells.</td>
							</tr>
							<tr>
								<td><a href="css-caption-side-property.php.html" target="_blank"><code>caption-side</code></a></td>
								<td>Specify the position of table's caption.</td>
							</tr>
							<tr>
								<td><a href="css-empty-cells-property.php.html" target="_blank"><code>empty-cells</code></a></td>
								<td>Show or hide borders and backgrounds of empty table cells.</td>
							</tr>
							<tr>
								<td><a href="css-table-layout-property.php.html" target="_blank"><code>table-layout</code></a></td>
								<td>Specifies a table layout algorithm.</td>
							</tr>
						</table>
					</div>
					<h2>Text Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-direction-property.php.html" target="_blank"><code>direction</code></a></td>
								<td>Define the text direction/writing direction.</td>
							</tr>
							<tr>
								<td><a href="css3-tab-size-property.php.html" target="_blank"><code>tab-size</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the length of the tab character.</td>
							</tr>
							<tr>
								<td><a href="css-text-align-property.php.html" target="_blank"><code>text-align</code></a></td>
								<td>Sets the horizontal alignment of inline content.</td>
							</tr>
							<tr>
								<td><a href="css3-text-align-last-property.php.html" target="_blank"><code>text-align-last</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how the last line of a block or a line right before a forced line break is aligned when <a href="css-text-align-property.php.html" target="_blank"><code>text-align</code></a> is <code>justify</code>.</td>
							</tr>
							<tr>
								<td><a href="css-text-decoration-property.php.html" target="_blank"><code>text-decoration</code></a></td>
								<td>Specifies the decoration added to text.</td>
							</tr>
							<tr>
								<td><a href="css3-text-decoration-color-property.php.html" target="_blank"><code>text-decoration-color</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the color of the <a href="css3-text-decoration-line-property.php.html" target="_blank"><code>text-decoration-line</code></a>.</td>
							</tr>
							<tr>
								<td><a href="css3-text-decoration-line-property.php.html" target="_blank"><code>text-decoration-line</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies what kind of line decorations are added to the element.</td>
							</tr>
							<tr>
								<td><a href="css3-text-decoration-style-property.php.html" target="_blank"><code>text-decoration-style</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the style of the lines specified by the <a href="css3-text-decoration-line-property.php.html" target="_blank"><code>text-decoration-line</code></a> property</td>
							</tr>
							<tr>
								<td><a href="css-text-indent-property.php.html" target="_blank"><code>text-indent</code></a></td>
								<td>Indent the first line of text.</td>
							</tr>
							<tr>
								<td><a href="css3-text-justify-property.php.html" target="_blank"><code>text-justify</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the justification method to use when the <a href="css-text-align-property.php.html" target="_blank"><code>text-align</code></a> property is set to <code>justify</code>.</td>
							</tr>
							<tr>
								<td><a href="css3-text-overflow-property.php.html" target="_blank"><code>text-overflow</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how the text content will be displayed, when it overflows the block containers.</td>
							</tr>
							<tr>
								<td><a href="css3-text-shadow-property.php.html" target="_blank"><code>text-shadow</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Applies one or more shadows to the text content of an element.</td>
							</tr>
							<tr>
								<td><a href="css-text-transform-property.php.html" target="_blank"><code>text-transform</code></a></td>
								<td>Transforms the case of the text.</td>
							</tr>
							<tr>
								<td><a href="css-line-height-property.php.html" target="_blank"><code>line-height</code></a></td>
								<td>Sets the height between lines of text.</td>
							</tr>
							<tr>
								<td><a href="css-vertical-align-property.php.html" target="_blank"><code>vertical-align</code></a></td>
								<td>Sets the vertical positioning of an element relative to the current text baseline.</td>
							</tr>
							<tr>
								<td><a href="css-letter-spacing-property.php.html" target="_blank"><code>letter-spacing</code></a></td>
								<td>Sets the extra spacing between letters.</td>
							</tr>
							<tr>
								<td><a href="css-word-spacing-property.php.html" target="_blank"><code>word-spacing</code></a></td>
								<td>Sets the spacing between words.</td>
							</tr>
							<tr>
								<td><a href="css-white-space-property.php.html" target="_blank"><code>white-space</code></a></td>
								<td>Specifies how white space inside the element is handled.</td>
							</tr>
							<tr>
								<td><a href="css3-word-break-property.php.html" target="_blank"><code>word-break</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how to break lines within words.</td>
							</tr>                            
							<tr>
								<td><a href="css3-word-wrap-property.php.html" target="_blank"><code>word-wrap</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies whether to break words when the content overflows the boundaries of its container.</td>
							</tr>
						</table>
					</div>    
					<h2>Transform Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css3-backface-visibility-property.php.html" target="_blank"><code>backface-visibility</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies whether or not the "back" side of a transformed element is visible when facing the user.</td>
							</tr>
							<tr>
								<td><a href="css3-perspective-property.php.html" target="_blank"><code>perspective</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Defines the perspective from which all child elements of the object are viewed.</td>
							</tr>
							<tr>
								<td><a href="css3-perspective-origin-property.php.html" target="_blank"><code>perspective-origin</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Defines the origin (the vanishing point for the 3D space) for the perspective property.</td>
							</tr>
							<tr>
								<td><a href="css3-transform-property.php.html" target="_blank"><code>transform</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Applies a 2D or 3D transformation to an element.</td>
							</tr>
							<tr>
								<td><a href="css3-transform-origin-property.php.html" target="_blank"><code>transform-origin</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Defines the origin of transformation for an element.</td>
							</tr>
							<tr>
								<td><a href="css3-transform-style-property.php.html" target="_blank"><code>transform-style</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how nested elements are rendered in 3D space.</td>
							</tr>
						</table>
					</div>
					<h2>Transitions Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css3-transition-property.php.html" target="_blank"><code>transition</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Defines the transition between two states of an element.</td>
							</tr>
							<tr>
								<td><a href="css3-transition-delay-property.php.html" target="_blank"><code>transition-delay</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies when the transition effect will start.</td>
							</tr>
							<tr>
								<td><a href="css3-transition-duration-property.php.html" target="_blank"><code>transition-duration</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the number of seconds or milliseconds a transition effect should take to complete.</td>
							</tr> 
							<tr>
								<td><a href="css3-transition-property-property.php.html" target="_blank"><code>transition-property</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the names of the CSS properties to which a transition effect should be applied.</td>
							</tr>
							<tr>
								<td><a href="css3-transition-timing-function-property.php.html" target="_blank"><code>transition-timing-function</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies the speed curve of the transition effect.</td>
							</tr>
						</table>
					</div>
					<h2>Visual formatting Properties</h2>
					<div class="shadow">
						<table class="data no-wrap">
							<tr>
								<th>Property</th>
								<th>Description</th>
							</tr>
							<tr>
								<td><a href="css-display-property.php.html" target="_blank"><code>display</code></a></td>
								<td>Specifies how an element is displayed onscreen.</td>
							</tr>
							<tr>
								<td><a href="css-position-property.php.html" target="_blank"><code>position</code></a></td>
								<td>Specifies how an element is positioned.</td>
							</tr>
							<tr>
								<td><a href="css-top-property.php.html" target="_blank"><code>top</code></a></td>
								<td>Specify the location of the top edge of the positioned element.</td>
							</tr>
							<tr>
								<td><a href="css-right-property.php.html" target="_blank"><code>right</code></a></td>
								<td>Specify the location of the right edge of the positioned element.</td>
							</tr>
							<tr>
								<td><a href="css-bottom-property.php.html" target="_blank"><code>bottom</code></a></td>
								<td>Specify the location of the bottom edge of the positioned element.</td>
							</tr>
							<tr>
								<td><a href="css-left-property.php.html" target="_blank"><code>left</code></a></td>
								<td>Specify the location of the left edge of the positioned element.</td>
							</tr>
							<tr>
								<td><a href="css-float-property.php.html" target="_blank"><code>float</code></a></td>
								<td>Specifies whether or not a box should float.</td>
							</tr>
							<tr>
								<td><a href="css-clear-property.php.html" target="_blank"><code>clear</code></a></td>
								<td>Specifies the placement of an element in relation to floating elements.</td>
							</tr>
							<tr>
								<td><a href="css-z-index-property.php.html" target="_blank"><code>z-index</code></a></td>
								<td>Specifies a layering or stacking order for positioned elements.</td>
							</tr>
							<tr>
								<td><a href="css-overflow-property.php.html" target="_blank"><code>overflow</code></a></td>
								<td>Specifies the treatment of content that overflows the element's box.</td>
							</tr>
							<tr>
								<td><a href="css-overflow-x-property.php.html" target="_blank"><code>overflow-x</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how to manage the content when it overflows the width of the element's content area.</td>
							</tr>
							<tr>
								<td><a href="css-overflow-y-property.php.html" target="_blank"><code>overflow-y</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies how to manage the content when it overflows the height of the element's content area.</td>
							</tr>
							<tr>
								<td><a href="css3-resize-property.php.html" target="_blank"><code>resize</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Specifies whether or not an element is resizable by the user.</td>
							</tr>
							<tr>
								<td><a href="css-clip-property.php.html" target="_blank"><code>clip</code></a></td>
								<td>Defines the clipping region.</td>
							</tr>
							<tr>
								<td><a href="css-visibility-property.php.html" target="_blank"><code>visibility</code></a></td>
								<td>Specifies whether or not an element is visible.</td>
							</tr>
							<tr>
								<td><a href="css-cursor-property.php.html" target="_blank"><code>cursor</code></a></td>
								<td>Specify the type of cursor.</td>
							</tr>
							<tr>
								<td><a href="css3-box-shadow-property.php.html" target="_blank"><code>box-shadow</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Applies one or more drop-shadows to the element's box.</td>
							</tr> 
							<tr>
								<td><a href="css3-box-sizing-property.php.html" target="_blank"><code>box-sizing</code></a> <span class="css3-badge" title="New in CSS3"></span></td>
								<td>Alter the default CSS box model.</td>
							</tr> 
						</table>
					</div>
				</div>
				<!--Bottom Navigation-->
				<div class="bottom-link clearfix">
					<a href="css-at-rules.php.html" class="previous-page-bottom">Previous Page</a>
					<a href="css-color-values.php.html" class="next-page-bottom">Next Page</a>
				</div>
				<!--End:Bottom Navigation-->
				<!-- InstanceEndEditable -->
                <div class="bottom-ad clearfix">

     <div class="ad-label">Advertisements</div>

     <!--Rectangle Left-->
     <div class="rectangle-left fl">
          <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
          <!-- Large Rectangle Left -->
          <ins class="adsbygoogle"
               style="display:inline-block;width:336px;height:280px"
               data-ad-client="ca-pub-9107540490929984"
               data-ad-slot="8162953958"></ins>
          <script>
          (adsbygoogle = window.adsbygoogle || []).push({});
          </script>
     </div>
     <!--End:Rectangle Left-->

     <!--Rectangle Right-->
     <div class="rectangle-right fr">
          <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
          <!-- Large Rectangle Right -->
          <ins class="adsbygoogle"
               style="display:inline-block;width:336px;height:280px"
               data-ad-client="ca-pub-9107540490929984"
               data-ad-slot="3324015654"></ins>
          <script>
          (adsbygoogle = window.adsbygoogle || []).push({});
          </script>
     </div>
     <!--End:Rectangle Right-->

</div>

            </div>
            <!--End:Text Content-->
            <!--Feedback Form-->
			<div class="snippets">
	<a href="../snippets/gallery.php.html" target="_blank"><img src="../lib/images/bootstrap-code-snippets.png" alt="Bootstrap UI Design Templates" /></a>
</div>            <!--End:Feedback Form-->
        </div>        
        <div class="rightcolumn">
            <div class="sidebar">
    
    <div class="ad-label">Advertisements</div>

    <div class="skyscraper primary">
        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <!-- Premium Skyscraper -->
        <ins class="adsbygoogle"
            style="display:inline-block;width:160px;height:600px"
            data-ad-client="ca-pub-9107540490929984"
            data-ad-slot="4376141825"></ins>
        <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
    </div>

    <div class="skyscraper">
     <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
     <!-- Bottom Skyscraper -->
     <ins class="adsbygoogle"
          style="display:inline-block;width:160px;height:600px"
          data-ad-client="ca-pub-9107540490929984"
          data-ad-slot="3387984471"></ins>
     <script>
     (adsbygoogle = window.adsbygoogle || []).push({});
     </script>
</div>
</div>        </div>
    </div>
    <!--Footer-->
	<!--Footer-->
<div class="footer">
    <div class="appeal">
        <div class="wrapper">
            <p>Is this website helpful to you? Please give us a
            <a href="../like.php.html" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=250,width=600,top=150, left='+((screen.width/2)-300));return false;">like</a>,
            or share your <a href="../contact-us.php.html" target="_blank">feedback</a><em> to help us improve</em>.
            Connect with us on <a href="https://www.facebook.com/tutorialrepublic" target="_blank">Facebook</a> and <a href="https://twitter.com/tutrepublic" target="_blank">Twitter</a> for the latest updates.</p>               
        </div>
    </div>
    <div class="footer-inner">
        <div class="wrapper clearfix">                
            <div class="link-box">
                <h4>About Us</h4>
                <div class="clearfix">
                    <a href="../about-us.php.html">Our Story</a>                    
                    <a href="../terms-of-use.php.html">Terms of Use</a>
                    <a href="../privacy-policy.php.html">Privacy Policy</a>                    
                </div>
            </div>
            <div class="link-box">
                <h4>Contact</h4>
                <div class="clearfix">
                    <a href="../contact-us.php.html">Contact Us</a>                    
                    <a href="../contact-us.php.html" target="_blank">Report Error</a>
                    <a href="../advertise-with-us.php.html">Advertise</a>                    
                </div>
            </div>
            <div class="tool-box">
                <h4>Interactive Tools</h4>
                <div class="tools-list clearfix" id="tools">
                    <a href="../font-awesome-icons-classes.php.html" target="_blank">Font Awesome Icon Search Utility</a>
                    <a href="../html-formatter.php.html" target="_blank">HTML Formatter</a>
                    <a href="../faq/what-is-the-maximum-length-of-title-and-meta-description-tag.php.html">Title &amp; Meta Length Calculator</a>
                    <a href="../html-reference/html-color-picker.php.html">HTML Color Picker</a>
                    <a href="../twitter-bootstrap-button-generator.php.html" target="_blank">Bootstrap Button Generator</a>
                    <a href="../codelab.php%3Ftopic=sql&amp;file=select-all.html" target="_blank">SQL Playground</a>
                    <a href="../bootstrap-icons-classes.php.html" target="_blank">Bootstrap Icon Finder</a>
                    <a href="../codelab.php%3Ftopic=html&amp;file=hello-world.html" target="_blank">HTML Editor</a>
                </div>
            </div>
            <div class="footer-logo">
                <p><img src="../lib/images/logo.svg" alt="TutorialRepublic" /><p>
					<div>
						<a href="https://www.buymeacoffee.com/tutrepublic" class="bmc-btn" rel="nofollow" target="_blank">
    						<img src="../lib/images/bmc-btn.png" alt="BMC" />
						</a>
					</div>
            </div>
        </div>
    </div>           
        <div class="bottom-strip">
        <div class="wrapper">
            <div class="notice">Copyright &copy; 2022 Tutorial Republic. All Rights Reserved.</div>
            <div class="social-media">
                <em>Share This:</em>
                <a href="https://facebook.com/sharer.php?u=https://www.tutorialrepublic.com%2Fcss-reference%2Fcss3-properties.php" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600,top=150, left='+((screen.width/2)-300));return false;" title="Facebook"><i class="icon-facebook"></i></a>
                <a href="css3-properties.php.html#" id="tweet-btn" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600,top=150, left='+((screen.width/2)-300));return false;" title="Twitter"><i class="icon-twitter"></i></a>
                <a href="css3-properties.php.html#" id="email-btn" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600,top=150, left='+((screen.width/2)-300));return false;" rel="noreferrer" title="Gmail"><i class="icon-mail"></i></a>
            </div>
        </div>            
    </div>
    <script>
        var title = document.title.replace('- Tutorial Republic', '');
        document.getElementById('tweet-btn').href = 'https://twitter.com/share?text=' + title + '- &url=https://www.tutorialrepublic.com%2Fcss-reference%2Fcss3-properties.php';
        document.getElementById('email-btn').href = 'https://mail.google.com/mail/?view=cm&fs=1&su=' + title + '&body=https://www.tutorialrepublic.com%2Fcss-reference%2Fcss3-properties.php';
    </script>
</div>
<!--End:Footer-->
    
<div class="backdrop mobile-only"></div>

<!-- TutorialRepublic base script -->
<script>
// Adding CSS files
[	
	'/lib/styles/legacy/extended-1.1.css',
	'/lib/icomoon/style.css'
].forEach(function(href) {
	var link = document.createElement('link');
	link.rel = 'stylesheet';
	link.href = href;
	(document.getElementsByTagName('head')[0]).appendChild(link);
});

// Adding JS files
[
	'https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js',
	'/lib/js/prism.js',
	'/lib/js/default-1.3.js'
].forEach(function(src) {
	var script = document.createElement('script');
	script.async = false; // important
	script.src = src;
	(document.getElementsByTagName('body')[0]).appendChild(script);
});
</script>


    <!--End:Footer-->
</body>
<!-- InstanceEnd --></html>