<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>CSS Öğren arşivleri - BARIŞ DOĞAN SÜTÇÜ</title>
	<atom:link href="https://barisdogansutcu.com/tag/css-ogren/feed/" rel="self" type="application/rss+xml" />
	<link>https://barisdogansutcu.com/tag/css-ogren/</link>
	<description>FRONTEND DEVELOPER</description>
	<lastBuildDate>Wed, 07 Apr 2021 21:53:49 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.7.5</generator>

<image>
	<url>https://barisdogansutcu.com/wp-content/uploads/2019/07/barisdogansutcuLogo.png</url>
	<title>CSS Öğren arşivleri - BARIŞ DOĞAN SÜTÇÜ</title>
	<link>https://barisdogansutcu.com/tag/css-ogren/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>CSS Referans</title>
		<link>https://barisdogansutcu.com/css-referans/</link>
					<comments>https://barisdogansutcu.com/css-referans/#comments</comments>
		
		<dc:creator><![CDATA[Barış Doğan Sütçü]]></dc:creator>
		<pubDate>Wed, 07 Apr 2021 21:09:56 +0000</pubDate>
				<category><![CDATA[CSS Notları]]></category>
		<category><![CDATA[Frontend Developer]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[CSS HTML]]></category>
		<category><![CDATA[css kodları]]></category>
		<category><![CDATA[css nedir]]></category>
		<category><![CDATA[CSS Öğren]]></category>
		<category><![CDATA[CSS püf noktalar]]></category>
		<category><![CDATA[Temel CSS]]></category>
		<guid isPermaLink="false">https://barisdogansutcu.com/?p=9015</guid>

					<description><![CDATA[<p>CSS Referans Temelden CSS öğrenmek için tüm önemli özellikler ve bilgiler içeren kapsamlı bir CSS referansı Pseudo-class Property Function Data Type Concept @rule Pseudo-class :is() YENİ ::after ::before ::first-letter ::first-line ::placeholder ::selection :active :blank :checked :default :dir() :disabled :empty :enabled :first :first-child :first-of-type :focus :fullscreen...</p>
<p><a href="https://barisdogansutcu.com/css-referans/">CSS Referans</a> yazısı ilk önce <a href="https://barisdogansutcu.com">BARIŞ DOĞAN SÜTÇÜ</a> üzerinde ortaya çıktı.</p>
]]></description>
										<content:encoded><![CDATA[
<div class="container_referans">
    <div class="referans_title">
        <div class="ct-archive ct-archive--padded">
            <h1 class="ct-cssref-heading">CSS Referans</h1>
            <p class="ct-archive-subline-centered">Temelden CSS öğrenmek için tüm önemli özellikler ve bilgiler içeren kapsamlı bir CSS referansı</p>
            <div class="ct-cssref-container">
                <div class="ct-box-container">
                    <ul class="boxed-list boxed-list--inline">
                    <li class="boxed-list__item boxed-list__item--inline boxed-list__item--css-pseudo-class">
                        <a href="#section_css-pseudo-class">Pseudo-class</a>
                    </li>
                    <li class="boxed-list__item boxed-list__item--inline boxed-list__item--css-property">
                        <a href="#section_css-property">Property</a>
                    </li>
                    <li class="boxed-list__item boxed-list__item--inline boxed-list__item--css-function">
                        <a href="#section_css-function">Function</a>
                    </li>
                    <li class="boxed-list__item boxed-list__item--inline boxed-list__item--css-data-type">
                        <a href="#section_css-data-type">Data Type</a>
                    </li>
                    <li class="boxed-list__item boxed-list__item--inline boxed-list__item--css-concept">
                        <a href="#section_css-concept">Concept</a>
                    </li>
                    <li class="boxed-list__item boxed-list__item--inline boxed-list__item--css-at-rule">
                        <a href="#section_css-at-rule">@rule</a>
                    </li>
                    <li class="clr"></li>
                    </ul>
                </div>
                <div class="ct-box-container" id="section_css-pseudo-class"><h2 class="ct-h-shd ct-box-container__heading">Pseudo-class</h2>
                        <ul class="boxed-list boxed-list--css-pseudo-class">
                            <li id="post-21829" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:is() <span class="new">YENİ</span> </a>
                            </li>
                            <li id="post-21829" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>::after</a>
                            </li>
                            <li id="post-21844" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>::before</a>
                            </li>
                            <li id="post-22087" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>::first-letter</a>
                            </li>
                            <li id="post-22092" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>::first-line</a>
                            </li>
                            <li id="post-22801" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>::placeholder</a>
                            </li>
                            <li id="post-21878" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>::selection</a>
                            </li>
                            <li id="post-21826" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:active</a>
                            </li>
                            <li id="post-21891" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:blank</a>
                            </li>
                            <li id="post-21893" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:checked</a>
                            </li>
                            <li id="post-22067" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:default</a>
                            </li>
                            <li id="post-22072" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:dir()</a>
                            </li>
                            <li id="post-22074" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:disabled</a>
                            </li>
                            <li id="post-22076" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:empty</a>
                            </li>
                            <li id="post-22079" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:enabled</a>
                            </li>
                            <li id="post-22081" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:first</a>
                            </li>
                            <li id="post-22085" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:first-child</a>
                            </li>
                            <li id="post-22094" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:first-of-type</a>
                            </li>
                            <li id="post-21858" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:focus</a>
                            </li>
                            <li id="post-22096" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:fullscreen</a>
                            </li>
                            <li id="post-21860" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:hover</a>
                            </li>
                            <li id="post-22098" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:in-range</a>
                            </li>
                            <li id="post-22101" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:indeterminate</a>
                            </li>
                            <li id="post-22110" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:invalid</a>
                            </li>
                            <li id="post-22113" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:lang()</a>
                            </li>
                            <li id="post-22118" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:last-child</a>
                            </li>
                            <li id="post-22120" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:last-of-type</a>
                            </li>
                            <li id="post-22122" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:left</a>
                            </li>
                            <li id="post-21862" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:link</a>
                            </li>
                            <li id="post-22125" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:not()</a>
                            </li>
                            <li id="post-22127" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:nth-child()</a>
                            </li>
                            <li id="post-22138" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:nth-last-child()</a>
                            </li>
                            <li id="post-22142" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:nth-last-of-type()</a>
                            </li>
                            <li id="post-22146" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:nth-of-type()</a>
                            </li>
                            <li id="post-22152" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:only-child</a>
                            </li>
                            <li id="post-22154" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:only-of-type</a>
                            </li>
                            <li id="post-22156" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:optional</a>
                            </li>
                            <li id="post-22158" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:out-of-range</a>
                            </li>
                            <li id="post-22160" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:read-only</a>
                            </li>
                            <li id="post-22163" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:read-write</a>
                            </li>
                            <li id="post-22165" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:required</a>
                            </li>
                            <li id="post-22167" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:right</a>
                            </li>
                            <li id="post-22169" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:root</a>
                            </li>
                            <li id="post-22171" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:scope</a>
                            </li>
                            <li id="post-21882" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:target</a>
                            </li>
                            <li id="post-22174" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:valid</a>
                            </li>
                            <li id="post-21886" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>:visited</a>
                            </li>
                            <li id="post-21854" class="boxed-list__item boxed-list__item--css-pseudo-class">
                                <a>content</a>
                            </li>
                            <li class="clr"></li>
                        </ul> <!-- //boxed-list -->
                    </div><!-- //ct-box-container -->
                    <div class="ct-box-container" id="section_css-property"><h2 class="ct-h-shd ct-box-container__heading">Property</h2>
                        <ul class="boxed-list boxed-list--css-property">

                            <li id="post-23844" class="boxed-list__item boxed-list__item--css-property">
                                <a>all</a>
                            </li>
                            <li id="post-21722" class="boxed-list__item boxed-list__item--css-property">
                                <a>animation</a>
                            </li>
                            <li id="post-21724" class="boxed-list__item boxed-list__item--css-property">
                                <a>animation-delay</a>
                            </li>
                            <li id="post-21726" class="boxed-list__item boxed-list__item--css-property">
                                <a>animation-direction</a>
                            </li>
                            <li id="post-21728" class="boxed-list__item boxed-list__item--css-property">
                                <a>animation-duration</a>
                            </li>
                            <li id="post-21732" class="boxed-list__item boxed-list__item--css-property">
                                <a>animation-fill-mode</a>
                            </li>
                            <li id="post-21737" class="boxed-list__item boxed-list__item--css-property">
                                <a>animation-iteration-count</a>
                            </li>
                            <li id="post-21739" class="boxed-list__item boxed-list__item--css-property">
                                <a>animation-name</a>
                            </li>
                            <li id="post-21741" class="boxed-list__item boxed-list__item--css-property">
                                <a>animation-play-state</a>
                            </li>
                            <li id="post-21743" class="boxed-list__item boxed-list__item--css-property">
                                <a>animation-timing-function</a>
                            </li>
                            <li id="post-27806" class="boxed-list__item boxed-list__item--css-property">
                                <a>appearance</a>
                            </li>
                            <li id="post-30866" class="boxed-list__item boxed-list__item--css-property">
                                <a>backdrop-filter</a>
                            </li>
                            <li id="post-21753" class="boxed-list__item boxed-list__item--css-property">
                                <a>backface-visibility</a>
                            </li>
                            <li id="post-20005" class="boxed-list__item boxed-list__item--css-property">
                                <a>background</a>
                            </li>
                            <li id="post-20007" class="boxed-list__item boxed-list__item--css-property">
                                <a>background-attachment</a>
                            </li>
                            <li id="post-22533" class="boxed-list__item boxed-list__item--css-property">
                                <a>background-blend-mode</a>
                            </li>
                            <li id="post-20010" class="boxed-list__item boxed-list__item--css-property">
                                <a>background-clip</a>
                            </li>
                            <li id="post-20013" class="boxed-list__item boxed-list__item--css-property">
                                <a>background-color</a>
                            </li>
                            <li id="post-20015" class="boxed-list__item boxed-list__item--css-property">
                                <a>background-image</a>
                            </li>
                            <li id="post-20017" class="boxed-list__item boxed-list__item--css-property">
                                <a>background-origin</a>
                            </li>
                            <li id="post-20020" class="boxed-list__item boxed-list__item--css-property">
                                <a>background-position</a>
                            </li>
                            <li id="post-20022" class="boxed-list__item boxed-list__item--css-property">
                                <a>background-repeat</a>
                            </li>
                            <li id="post-20026" class="boxed-list__item boxed-list__item--css-property">
                                <a>background-size</a>
                            </li>
                            <li id="post-22337" class="boxed-list__item boxed-list__item--css-property">
                                <a>border</a>
                            </li>
                            <li id="post-22331" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-bottom</a>
                            </li>
                            <li id="post-20187" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-bottom-color</a>
                            </li>
                            <li id="post-20189" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-bottom-left-radius</a>
                            </li>
                            <li id="post-20197" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-bottom-right-radius</a>
                            </li>
                            <li id="post-20211" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-bottom-style</a>
                            </li>
                            <li id="post-20219" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-bottom-width</a>
                            </li>
                            <li id="post-21388" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-collapse</a>
                            </li>
                            <li id="post-20221" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-color</a>
                            </li>
                            <li id="post-20223" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-image</a>
                            </li>
                            <li id="post-20314" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-image-outset</a>
                            </li>
                            <li id="post-20320" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-image-repeat</a>
                            </li>
                            <li id="post-20326" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-image-slice</a>
                            </li>
                            <li id="post-20333" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-image-source</a>
                            </li>
                            <li id="post-20336" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-image-width</a>
                            </li>
                            <li id="post-22335" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-left</a>
                            </li>
                            <li id="post-20310" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-left-color</a>
                            </li>
                            <li id="post-20341" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-left-style</a>
                            </li>
                            <li id="post-20344" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-left-width</a>
                            </li>
                            <li id="post-20346" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-radius</a>
                            </li>
                            <li id="post-22333" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-right</a>
                            </li>
                            <li id="post-20360" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-right-color</a>
                            </li>
                            <li id="post-20362" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-right-style</a>
                            </li>
                            <li id="post-20364" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-right-width</a>
                            </li>
                            <li id="post-21393" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-spacing</a>
                            </li>
                            <li id="post-20367" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-style</a>
                            </li>
                            <li id="post-22329" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-top</a>
                            </li>
                            <li id="post-20381" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-top-color</a>
                            </li>
                            <li id="post-20383" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-top-left-radius</a>
                            </li>
                            <li id="post-20390" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-top-right-radius</a>
                            </li>
                            <li id="post-20399" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-top-style</a>
                            </li>
                            <li id="post-20402" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-top-width</a>
                            </li>
                            <li id="post-20404" class="boxed-list__item boxed-list__item--css-property">
                                <a>border-width</a>
                            </li>
                            <li id="post-20923" class="boxed-list__item boxed-list__item--css-property">
                                <a>bottom</a>
                            </li>
                            <li id="post-20406" class="boxed-list__item boxed-list__item--css-property">
                                <a>box-shadow</a>
                            </li>
                            <li id="post-20431" class="boxed-list__item boxed-list__item--css-property">
                                <a>box-sizing</a>
                            </li>
                            <li id="post-21189" class="boxed-list__item boxed-list__item--css-property">
                                <a>break-after</a>
                            </li>
                            <li id="post-21202" class="boxed-list__item boxed-list__item--css-property">
                                <a>break-before</a>
                            </li>
                            <li id="post-21213" class="boxed-list__item boxed-list__item--css-property">
                                <a>break-inside</a>
                            </li>
                            <li id="post-21598" class="boxed-list__item boxed-list__item--css-property">
                                <a>caption-side</a>
                            </li>
                            <li id="post-20925" class="boxed-list__item boxed-list__item--css-property">
                                <a>clear</a>
                            </li>
                            <li id="post-21167" class="boxed-list__item boxed-list__item--css-property">
                                <a>clip</a>
                            </li>
                            <li id="post-20802" class="boxed-list__item boxed-list__item--css-property">
                                <a>clip-path</a>
                            </li>
                            <li id="post-21609" class="boxed-list__item boxed-list__item--css-property">
                                <a>color</a>
                            </li>
                            <li id="post-21219" class="boxed-list__item boxed-list__item--css-property">
                                <a>column-count</a>
                            </li>
                            <li id="post-21221" class="boxed-list__item boxed-list__item--css-property">
                                <a>column-fill</a>
                            </li>
                            <li id="post-21226" class="boxed-list__item boxed-list__item--css-property">
                                <a>column-gap</a>
                            </li>
                            <li id="post-21228" class="boxed-list__item boxed-list__item--css-property">
                                <a>column-rule</a>
                            </li>
                            <li id="post-21232" class="boxed-list__item boxed-list__item--css-property">
                                <a>column-rule-color</a>
                            </li>
                            <li id="post-21234" class="boxed-list__item boxed-list__item--css-property">
                                <a>column-rule-style</a>
                            </li>
                            <li id="post-21236" class="boxed-list__item boxed-list__item--css-property">
                                <a>column-rule-width</a>
                            </li>
                            <li id="post-21238" class="boxed-list__item boxed-list__item--css-property">
                                <a>column-span</a>
                            </li>
                            <li id="post-21244" class="boxed-list__item boxed-list__item--css-property">
                                <a>column-width</a>
                            </li>
                            <li id="post-21246" class="boxed-list__item boxed-list__item--css-property">
                                <a>columns</a>
                            </li>
                            <li id="post-22183" class="boxed-list__item boxed-list__item--css-property">
                                <a>counter-increment</a>
                            </li>
                            <li id="post-22189" class="boxed-list__item boxed-list__item--css-property">
                                <a>counter-reset</a>
                            </li>
                            <li id="post-21173" class="boxed-list__item boxed-list__item--css-property">
                                <a>cursor</a>
                            </li>
                            <li id="post-21616" class="boxed-list__item boxed-list__item--css-property">
                                <a>direction</a>
                            </li>
                            <li id="post-20931" class="boxed-list__item boxed-list__item--css-property">
                                <a>display</a>
                            </li>
                            <li id="post-21604" class="boxed-list__item boxed-list__item--css-property">
                                <a>empty-cells</a>
                            </li>
                            <li id="post-20732" class="boxed-list__item boxed-list__item--css-property">
                                <a>filter</a>
                            </li>
                            <li id="post-20940" class="boxed-list__item boxed-list__item--css-property">
                                <a>float</a>
                            </li>
                            <li id="post-21121" class="boxed-list__item boxed-list__item--css-property">
                                <a>font</a>
                            </li>
                            <li id="post-21123" class="boxed-list__item boxed-list__item--css-property">
                                <a>font-family</a>
                            </li>
                            <li id="post-21135" class="boxed-list__item boxed-list__item--css-property">
                                <a>font-size</a>
                            </li>
                            <li id="post-21137" class="boxed-list__item boxed-list__item--css-property">
                                <a>font-size-adjust</a>
                            </li>
                            <li id="post-21144" class="boxed-list__item boxed-list__item--css-property">
                                <a>font-stretch</a>
                            </li>
                            <li id="post-21149" class="boxed-list__item boxed-list__item--css-property">
                                <a>font-style</a>
                            </li>
                            <li id="post-21157" class="boxed-list__item boxed-list__item--css-property">
                                <a>font-synthesis</a>
                            </li>
                            <li id="post-21159" class="boxed-list__item boxed-list__item--css-property">
                                <a>font-variant</a>
                            </li>
                            <li id="post-21162" class="boxed-list__item boxed-list__item--css-property">
                                <a>font-weight</a>
                            </li>
                            <li id="post-21620" class="boxed-list__item boxed-list__item--css-property">
                                <a>hanging-punctuation</a>
                            </li>
                            <li id="post-20437" class="boxed-list__item boxed-list__item--css-property">
                                <a>height</a>
                            </li>
                            <li id="post-21633" class="boxed-list__item boxed-list__item--css-property">
                                <a>hyphens</a>
                            </li>
                            <li id="post-22549" class="boxed-list__item boxed-list__item--css-property">
                                <a>isolation</a>
                            </li>
                            <li id="post-20957" class="boxed-list__item boxed-list__item--css-property">
                                <a>left</a>
                            </li>
                            <li id="post-21638" class="boxed-list__item boxed-list__item--css-property">
                                <a>letter-spacing</a>
                            </li>
                            <li id="post-20443" class="boxed-list__item boxed-list__item--css-property">
                                <a>line-height</a>
                            </li>
                            <li id="post-21864" class="boxed-list__item boxed-list__item--css-property">
                                <a>list-style</a>
                            </li>
                            <li id="post-21867" class="boxed-list__item boxed-list__item--css-property">
                                <a>list-style-image</a>
                            </li>
                            <li id="post-21869" class="boxed-list__item boxed-list__item--css-property">
                                <a>list-style-position</a>
                            </li>
                            <li id="post-21871" class="boxed-list__item boxed-list__item--css-property">
                                <a>list-style-type</a>
                            </li>
                            <li id="post-20446" class="boxed-list__item boxed-list__item--css-property">
                                <a>margin</a>
                            </li>
                            <li id="post-20448" class="boxed-list__item boxed-list__item--css-property">
                                <a>margin-bottom</a>
                            </li>
                            <li id="post-20451" class="boxed-list__item boxed-list__item--css-property">
                                <a>margin-left</a>
                            </li>
                            <li id="post-20454" class="boxed-list__item boxed-list__item--css-property">
                                <a>margin-right</a>
                            </li>
                            <li id="post-20457" class="boxed-list__item boxed-list__item--css-property">
                                <a>margin-top</a>
                            </li>
                            <li id="post-20812" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask</a>
                            </li>
                            <li id="post-20817" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-border</a>
                            </li>
                            <li id="post-20822" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-border-mode</a>
                            </li>
                            <li id="post-20826" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-border-outset</a>
                            </li>
                            <li id="post-20833" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-border-repeat</a>
                            </li>
                            <li id="post-20836" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-border-slice</a>
                            </li>
                            <li id="post-20839" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-border-source</a>
                            </li>
                            <li id="post-20842" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-border-width</a>
                            </li>
                            <li id="post-20847" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-clip</a>
                            </li>
                            <li id="post-20852" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-composite</a>
                            </li>
                            <li id="post-20863" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-image</a>
                            </li>
                            <li id="post-20873" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-mode</a>
                            </li>
                            <li id="post-20879" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-origin</a>
                            </li>
                            <li id="post-20885" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-position</a>
                            </li>
                            <li id="post-20887" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-repeat</a>
                            </li>
                            <li id="post-20890" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-size</a>
                            </li>
                            <li id="post-20895" class="boxed-list__item boxed-list__item--css-property">
                                <a>mask-type</a>
                            </li>
                            <li id="post-20524" class="boxed-list__item boxed-list__item--css-property">
                                <a>max-height</a>
                            </li>
                            <li id="post-20544" class="boxed-list__item boxed-list__item--css-property">
                                <a>max-width</a>
                            </li>
                            <li id="post-20549" class="boxed-list__item boxed-list__item--css-property">
                                <a>min-height</a>
                            </li>
                            <li id="post-20551" class="boxed-list__item boxed-list__item--css-property">
                                <a>min-width</a>
                            </li>
                            <li id="post-22542" class="boxed-list__item boxed-list__item--css-property">
                                <a>mix-blend-mode</a>
                            </li>
                            <li id="post-22610" class="boxed-list__item boxed-list__item--css-property">
                                <a>object-fit</a>
                            </li>
                            <li id="post-22614" class="boxed-list__item boxed-list__item--css-property">
                                <a>object-position</a>
                            </li>
                            <li id="post-20959" class="boxed-list__item boxed-list__item--css-property">
                                <a>opacity</a>
                            </li>
                            <li id="post-21248" class="boxed-list__item boxed-list__item--css-property">
                                <a>orphans</a>
                            </li>
                            <li id="post-20961" class="boxed-list__item boxed-list__item--css-property">
                                <a>outline</a>
                            </li>
                            <li id="post-20971" class="boxed-list__item boxed-list__item--css-property">
                                <a>outline-color</a>
                            </li>
                            <li id="post-20974" class="boxed-list__item boxed-list__item--css-property">
                                <a>outline-offset</a>
                            </li>
                            <li id="post-20976" class="boxed-list__item boxed-list__item--css-property">
                                <a>outline-style</a>
                            </li>
                            <li id="post-20981" class="boxed-list__item boxed-list__item--css-property">
                                <a>outline-width</a>
                            </li>
                            <li id="post-20983" class="boxed-list__item boxed-list__item--css-property">
                                <a>overflow</a>
                            </li>
                            <li id="post-20990" class="boxed-list__item boxed-list__item--css-property">
                                <a>overflow-x</a>
                            </li>
                            <li id="post-20995" class="boxed-list__item boxed-list__item--css-property">
                                <a>overflow-y</a>
                            </li>
                            <li id="post-20555" class="boxed-list__item boxed-list__item--css-property">
                                <a>padding</a>
                            </li>
                            <li id="post-20557" class="boxed-list__item boxed-list__item--css-property">
                                <a>padding-bottom</a>
                            </li>
                            <li id="post-20559" class="boxed-list__item boxed-list__item--css-property">
                                <a>padding-left</a>
                            </li>
                            <li id="post-20561" class="boxed-list__item boxed-list__item--css-property">
                                <a>padding-right</a>
                            </li>
                            <li id="post-20564" class="boxed-list__item boxed-list__item--css-property">
                                <a>padding-top</a>
                            </li>
                            <li id="post-21255" class="boxed-list__item boxed-list__item--css-property">
                                <a>page-break-after</a>
                            </li>
                            <li id="post-21261" class="boxed-list__item boxed-list__item--css-property">
                                <a>page-break-before</a>
                            </li>
                            <li id="post-21265" class="boxed-list__item boxed-list__item--css-property">
                                <a>page-break-inside</a>
                            </li>
                            <li id="post-21756" class="boxed-list__item boxed-list__item--css-property">
                                <a>perspective</a>
                            </li>
                            <li id="post-21765" class="boxed-list__item boxed-list__item--css-property">
                                <a>perspective-origin</a>
                            </li>
                            <li id="post-21175" class="boxed-list__item boxed-list__item--css-property">
                                <a>pointer-events</a>
                            </li>
                            <li id="post-21001" class="boxed-list__item boxed-list__item--css-property">
                                <a>position</a>
                            </li>
                            <li id="post-21873" class="boxed-list__item boxed-list__item--css-property">
                                <a>quotes</a>
                            </li>
                            <li id="post-21181" class="boxed-list__item boxed-list__item--css-property">
                                <a>resize</a>
                            </li>
                            <li id="post-21010" class="boxed-list__item boxed-list__item--css-property">
                                <a>right</a>
                            </li>
                            <li id="post-20898" class="boxed-list__item boxed-list__item--css-property">
                                <a>shape-image-threshold</a>
                            </li>
                            <li id="post-20904" class="boxed-list__item boxed-list__item--css-property">
                                <a>shape-margin</a>
                            </li>
                            <li id="post-20912" class="boxed-list__item boxed-list__item--css-property">
                                <a>shape-outside</a>
                            </li>
                            <li id="post-21643" class="boxed-list__item boxed-list__item--css-property">
                                <a>tab-size</a>
                            </li>
                            <li id="post-21607" class="boxed-list__item boxed-list__item--css-property">
                                <a>table-layout</a>
                            </li>
                            <li id="post-21645" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-align</a>
                            </li>
                            <li id="post-21650" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-align-last</a>
                            </li>
                            <li id="post-21654" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-decoration</a>
                            </li>
                            <li id="post-21660" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-decoration-color</a>
                            </li>
                            <li id="post-21663" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-decoration-line</a>
                            </li>
                            <li id="post-21665" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-decoration-style</a>
                            </li>
                            <li id="post-21667" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-indent</a>
                            </li>
                            <li id="post-22351" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-justify</a>
                            </li>
                            <li id="post-31044" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-orientation</a>
                            </li>
                            <li id="post-22177" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-overflow</a>
                            </li>
                            <li id="post-22061" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-rendering</a>
                            </li>
                            <li id="post-21674" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-shadow</a>
                            </li>
                            <li id="post-21681" class="boxed-list__item boxed-list__item--css-property">
                                <a>text-transform</a>
                            </li>
                            <li id="post-21012" class="boxed-list__item boxed-list__item--css-property">
                                <a>top</a>
                            </li>
                            <li id="post-30599" class="boxed-list__item boxed-list__item--css-property">
                                <a>touch-action</a>
                            </li>
                            <li id="post-21777" class="boxed-list__item boxed-list__item--css-property">
                                <a>transform</a>
                            </li>
                            <li id="post-21809" class="boxed-list__item boxed-list__item--css-property">
                                <a>transform-origin</a>
                            </li>
                            <li id="post-21812" class="boxed-list__item boxed-list__item--css-property">
                                <a>transform-style</a>
                            </li>
                            <li id="post-21814" class="boxed-list__item boxed-list__item--css-property">
                                <a>transition</a>
                            </li>
                            <li id="post-21816" class="boxed-list__item boxed-list__item--css-property">
                                <a>transition-delay</a>
                            </li>
                            <li id="post-21818" class="boxed-list__item boxed-list__item--css-property">
                                <a>transition-duration</a>
                            </li>
                            <li id="post-21820" class="boxed-list__item boxed-list__item--css-property">
                                <a>transition-property</a>
                            </li>
                            <li id="post-21822" class="boxed-list__item boxed-list__item--css-property">
                                <a>transition-timing-function</a>
                            </li>
                            <li id="post-21683" class="boxed-list__item boxed-list__item--css-property">
                                <a>unicode-bidi</a>
                            </li>
                            <li id="post-21022" class="boxed-list__item boxed-list__item--css-property">
                                <a>vertical-align</a>
                            </li>
                            <li id="post-21039" class="boxed-list__item boxed-list__item--css-property">
                                <a>visibility</a>
                            </li>
                            <li id="post-21685" class="boxed-list__item boxed-list__item--css-property">
                                <a>white-space</a>
                            </li>
                            <li id="post-21270" class="boxed-list__item boxed-list__item--css-property">
                                <a>widows</a>
                            </li>
                            <li id="post-20566" class="boxed-list__item boxed-list__item--css-property">
                                <a>width</a>
                            </li>
                            <li id="post-21185" class="boxed-list__item boxed-list__item--css-property">
                                <a>will-change</a>
                            </li>
                            <li id="post-21691" class="boxed-list__item boxed-list__item--css-property">
                                <a>word-break</a>
                            </li>
                            <li id="post-21693" class="boxed-list__item boxed-list__item--css-property">
                                <a>word-spacing</a>
                            </li>
                            <li id="post-21697" class="boxed-list__item boxed-list__item--css-property">
                                <a>word-wrap</a>
                            </li>
                            <li id="post-31037" class="boxed-list__item boxed-list__item--css-property">
                                <a>writing-mode</a>
                            </li>
                            <li id="post-21041" class="boxed-list__item boxed-list__item--css-property">
                                <a>z-index</a>
                            </li>
                            <li class="clr"></li>
                        </ul> <!-- //boxed-list -->
                    </div><!-- //ct-box-container -->
                    <div class="ct-box-container" id="section_css-function"><h2 class="ct-h-shd ct-box-container__heading">Function</h2>
                        <ul class="boxed-list boxed-list--css-function">

                                <li id="post-22293" class="boxed-list__item boxed-list__item--css-function">
                                <a>attr()</a>
                            </li>
                                <li id="post-19957" class="boxed-list__item boxed-list__item--css-function">
                                <a>calc()</a>
                            </li>
                                <li id="post-22315" class="boxed-list__item boxed-list__item--css-function">
                                <a>circle()</a>
                            </li>
                                <li id="post-22321" class="boxed-list__item boxed-list__item--css-function">
                                <a>ellipse()</a>
                            </li>
                                <li id="post-22193" class="boxed-list__item boxed-list__item--css-function">
                                <a>hsl()</a>
                            </li>
                                <li id="post-22308" class="boxed-list__item boxed-list__item--css-function">
                                <a>hsla()</a>
                            </li>
                                <li id="post-22325" class="boxed-list__item boxed-list__item--css-function">
                                <a>inset()</a>
                            </li>
                                <li id="post-19959" class="boxed-list__item boxed-list__item--css-function">
                                <a>linear-gradient()</a>
                            </li>
                                <li id="post-22202" class="boxed-list__item boxed-list__item--css-function">
                                <a>matrix()</a>
                            </li>
                                <li id="post-22198" class="boxed-list__item boxed-list__item--css-function">
                                <a>matrix3d()</a>
                            </li>
                                <li id="post-22311" class="boxed-list__item boxed-list__item--css-function">
                                <a>polygon()</a>
                            </li>
                                <li id="post-19978" class="boxed-list__item boxed-list__item--css-function">
                                <a>radial-gradient()</a>
                            </li>
                                <li id="post-19971" class="boxed-list__item boxed-list__item--css-function">
                                <a>repeating-linear-gradient()</a>
                            </li>
                                <li id="post-19997" class="boxed-list__item boxed-list__item--css-function">
                                <a>repeating-radial-gradient()</a>
                            </li>
                                <li id="post-22298" class="boxed-list__item boxed-list__item--css-function">
                                <a>rgb()</a>
                            </li>
                                <li id="post-22306" class="boxed-list__item boxed-list__item--css-function">
                                <a>rgba()</a>
                            </li>
                                <li id="post-22206" class="boxed-list__item boxed-list__item--css-function">
                                <a>rotate()</a>
                            </li>
                                <li id="post-22213" class="boxed-list__item boxed-list__item--css-function">
                                <a>rotate3d()</a>
                            </li>
                                <li id="post-22220" class="boxed-list__item boxed-list__item--css-function">
                                <a>rotateX()</a>
                            </li>
                                <li id="post-22227" class="boxed-list__item boxed-list__item--css-function">
                                <a>rotateY()</a>
                            </li>
                                <li id="post-22231" class="boxed-list__item boxed-list__item--css-function">
                                <a>rotateZ()</a>
                            </li>
                                <li id="post-22234" class="boxed-list__item boxed-list__item--css-function">
                                <a>scale()</a>
                            </li>
                                <li id="post-22261" class="boxed-list__item boxed-list__item--css-function">
                                <a>scale3d()</a>
                            </li>
                                <li id="post-22241" class="boxed-list__item boxed-list__item--css-function">
                                <a>scaleX()</a>
                            </li>
                                <li id="post-22243" class="boxed-list__item boxed-list__item--css-function">
                                <a>scaleY()</a>
                            </li>
                                <li id="post-22247" class="boxed-list__item boxed-list__item--css-function">
                                <a>scaleZ()</a>
                            </li>
                                <li id="post-22264" class="boxed-list__item boxed-list__item--css-function">
                                <a>skew()</a>
                            </li>
                                <li id="post-22268" class="boxed-list__item boxed-list__item--css-function">
                                <a>skewX()</a>
                            </li>
                                <li id="post-22272" class="boxed-list__item boxed-list__item--css-function">
                                <a>skewY()</a>
                            </li>
                                <li id="post-22275" class="boxed-list__item boxed-list__item--css-function">
                                <a>translate()</a>
                            </li>
                                <li id="post-22291" class="boxed-list__item boxed-list__item--css-function">
                                <a>translate3d()</a>
                            </li>
                                <li id="post-22280" class="boxed-list__item boxed-list__item--css-function">
                                <a>translateX()</a>
                            </li>
                                <li id="post-22283" class="boxed-list__item boxed-list__item--css-function">
                                <a>translateY()</a>
                            </li>
                                <li id="post-22287" class="boxed-list__item boxed-list__item--css-function">
                                <a>translateZ()</a>
                            </li>
                                <li class="clr"></li>
                        </ul> <!-- //boxed-list -->
                    </div><!-- //ct-box-container -->
                    <div class="ct-box-container" id="section_css-data-type"><h2 class="ct-h-shd ct-box-container__heading">Data Type</h2>
                        <ul class="boxed-list boxed-list--css-data-type">

                                <li id="post-19839" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;angle&gt;</a>
                            </li>
                                <li id="post-19894" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;basic-shape&gt;</a>
                            </li>
                                <li id="post-22516" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;blend-mode&gt;</a>
                            </li>
                                <li id="post-19889" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;color&gt;</a>
                            </li>
                                <li id="post-19873" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;frequency&gt;</a>
                            </li>
                                <li id="post-19911" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;gradient&gt;</a>
                            </li>
                                <li id="post-19865" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;image&gt;</a>
                            </li>
                                <li id="post-19885" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;integer&gt;</a>
                            </li>
                                <li id="post-19916" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;length&gt;</a>
                            </li>
                                <li id="post-19863" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;number&gt;</a>
                            </li>
                                <li id="post-19909" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;percentage&gt;</a>
                            </li>
                                <li id="post-19903" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;position&gt;</a>
                            </li>
                                <li id="post-19854" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;ratio&gt;</a>
                            </li>
                                <li id="post-19900" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;resolution&gt;</a>
                            </li>
                                <li id="post-19858" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;string&gt;</a>
                            </li>
                                <li id="post-19860" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;time&gt;</a>
                            </li>
                                <li id="post-19947" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;timing-function&gt;</a>
                            </li>
                                <li id="post-19869" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;url&gt;</a>
                            </li>
                                <li id="post-19871" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>&lt;user-ident&gt;</a>
                            </li>
                                <li id="post-19880" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>inherit</a>
                            </li>
                                <li id="post-19883" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>initial</a>
                            </li>
                                <li id="post-29593" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>revert</a>
                            </li>
                                <li id="post-29585" class="boxed-list__item boxed-list__item--css-data-type">
                                <a>unset</a>
                            </li>
                            <li class="clr"></li>
                        </ul> <!-- //boxed-list -->
                    </div><!-- //ct-box-container -->
                    <div class="ct-box-container" id="section_css-concept"><h2 class="ct-h-shd ct-box-container__heading">Concept</h2>
                        <ul class="boxed-list boxed-list--css-concept">
                            <li id="post-29309" class="boxed-list__item boxed-list__item--css-concept">
                                <a>Attribute Selectors</a>
                            </li>
                            <li id="post-28826" class="boxed-list__item boxed-list__item--css-concept">
                                <a>Combinators</a>
                            </li>
                            <li id="post-21856" class="boxed-list__item boxed-list__item--css-concept">
                                <a>Counters</a>
                            </li>
                            <li id="post-31392" class="boxed-list__item boxed-list__item--css-concept">
                                <a>Custom Properties</a>
                            </li>
                            <li id="post-21058" class="boxed-list__item boxed-list__item--css-concept">
                                <a>Flexbox</a>
                            </li>
                            <li id="post-29861" class="boxed-list__item boxed-list__item--css-concept">
                                <a>Grid</a>
                            </li>
                            <li id="post-27971" class="boxed-list__item boxed-list__item--css-concept">
                                <a>Media Queries</a>
                            </li>
                            <li id="post-42564" class="boxed-list__item boxed-list__item--css-concept">
                                <a>Subgrid</a>
                            </li>
                            <li class="clr"></li>
                        </ul> <!-- //boxed-list -->
                    </div><!-- //ct-box-container -->
                    <div class="ct-box-container" id="section_css-at-rule"><h2 class="ct-h-shd ct-box-container__heading">@rule</h2>
                        <ul class="boxed-list boxed-list--css-at-rule">
                            <li id="post-19826" class="boxed-list__item boxed-list__item--css-at-rule">
                                <a>@charset</a>
                            </li>
                            <li id="post-19829" class="boxed-list__item boxed-list__item--css-at-rule">
                                <a>@document</a>
                            </li>
                            <li id="post-19835" class="boxed-list__item boxed-list__item--css-at-rule">
                                <a>@font-face</a>
                            </li>
                            <li id="post-20074" class="boxed-list__item boxed-list__item--css-at-rule">
                                <a>@import</a>
                            </li>
                            <li id="post-20082" class="boxed-list__item boxed-list__item--css-at-rule">
                                <a>@keyframes</a>
                            </li>
                            <li id="post-20087" class="boxed-list__item boxed-list__item--css-at-rule">
                                <a>@media</a>
                            </li>
                            <li id="post-20091" class="boxed-list__item boxed-list__item--css-at-rule">
                                <a>@namespace</a>
                            </li>
                            <li id="post-20093" class="boxed-list__item boxed-list__item--css-at-rule">
                                <a>@page</a>
                            </li>
                            <li id="post-20185" class="boxed-list__item boxed-list__item--css-at-rule">
                                <a>@supports</a>
                            </li>
                            <li class="clr"></li>
                        </ul> <!-- //boxed-list -->
                    </div><!-- //ct-box-container -->        
            </div><!--//ct-archive-container-->
            <div class="clr"></div>
        </div>
    </div>
</div>
<p><a href="https://barisdogansutcu.com/css-referans/">CSS Referans</a> yazısı ilk önce <a href="https://barisdogansutcu.com">BARIŞ DOĞAN SÜTÇÜ</a> üzerinde ortaya çıktı.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://barisdogansutcu.com/css-referans/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
