docs(odin-html) - more_css_properties Turkish translation (#744)

# Description

Turkish translation of "more css properties" 

Note: I didn't change some of the headers in the md file because they
are related to the specific tag names. If it's necessary, drop a message
about it.

### Checklist

- [x ] discord username: `doguhan_i#0001`
- [ ] Closes #<issue-number>
- [ ] PR must be created for an issue from issues under "In progress"
column from [our project
board](https://github.com/orgs/kamp-us/projects/2/views/1).
- [ x] A descriptive and understandable title: The PR title should
clearly describe the nature and purpose of the changes. The PR title
should be the first thing displayed when the PR is opened. And it should
follow the semantic commit rules, and should include the
app/package/service name in the title. For example, a title like
"docs(@kampus-apps/pano): Add README.md" can be used.
- [ ] Related file selection: Only relevant files should be touched and
no other files should be affected.
- [ ] I ran `npx turbo run` at the root of the repository, and build was
successful.
- [ ] I installed the npm packages using `npm install --save-exact
<package>` so my package is pinned to a specific npm version. Leave
empty if no package was installed. Leave empty if no package was
installed with this PR.

### How were these changes tested?

Please describe the tests you did to test the changes you made. Please
also specify your test configuration.

content/odin/intermediate_html_css/intermediate_css_concepts/more_css_properties.md

@@ -1,49 +1,49 @@
-### Introduction
-By now, you probably have a strong grasp of the important foundational concepts of CSS, but there is a lot more that you can do with CSS to make some truly spectacular looking websites. It's time to cover those useful little CSS features you can use to add some shine to your projects.
+### Giriş
+Şu ana kadar muhtemelen CSS'nin önemli temel konseptlerini güçlü bir şekilde anlamışsınızdır, ancak projelerinize bazı gerçekten etkileyici görünümler eklemek için CSS ile yapabileceğiniz çok daha fazla şey var. Şimdi, projelerinize parlaklık katmak için kullanabileceğiniz o küçük fakat kullanışlı CSS özelliklerini ele almanın zamanı geldi.
 
-There are a _lot_ of CSS properties. [A Recent CSS Tricks Article](https://css-tricks.com/how-many-css-properties-are-there/) says there are _hundreds_. Luckily, you don't have to memorize them all: the amount of properties you're actually going to use on a daily basis is much smaller. This lesson is going to cover most of the items you'll end up using on a regular basis. The format of this lesson is a little different since it's essentially just a list of CSS properties. We'll give a little description of the property and then link you to some documentation where you can see all the available options.
+CSS'de çok sayıda özellik bulunmaktadır. [A Recent CSS Tricks Article](https://css-tricks.com/how-many-css-properties-are-there/) göre, _yüzlerce_ özellik bulunmaktadır. Neyse ki, hepsini ezberlemeniz gerekmiyor; günlük olarak kullanacağınız özelliklerin sayısı çok daha azdır. Bu ders, genellikle düzenli olarak kullanacağınız öğelerin çoğunu kapsayacak. Bu dersin formatı biraz farklıdır çünkü temelde CSS özelliklerinin bir listesidir. Bir özelliğin küçük bir açıklamasını vereceğiz ve ardından tüm mevcut seçenekleri görebileceğiniz bazı belgelere yönlendireceğiz.
 
-### Learning outcomes
+### Öğrenme çıktıları
 
-- You'll learn about a lot of useful CSS properties!
+- Çok sayıda kullanışlı CSS özelliği hakkında bilgi edineceksiniz!
 
 #### Background
 
-You've likely already experimented with setting background colors on things, but the `background` property can do quite a bit more. The `background` property is actually a shorthand for 8 different background-related properties, all of which you can read about in the linked docs. Beyond changing background-colors, you can also specify background images, change the position and size of background images, and change how background images repeat or tile if they are too small to fill their container. It is also possible to have multiple background layers.
+Muhtemelen zaten nesneler üzerinde arka plan renkleri ayarlama konusunda denemeler yapmışsınızdır, ancak `background` özelliği biraz daha fazlasını yapabilir. `background` özelliği aslında 8 farklı arka planla ilgili özelliğin kısaltmasıdır; bunların tümüne bağlantılı belgelerden ulaşabilirsiniz. Arka plan renklerini değiştirmenin ötesinde, arka plan görüntülerini belirleyebilir, arka plan görüntülerinin pozisyonunu ve boyutunu değiştirebilir ve arka plan görüntülerinin, konteynerini dolduracak kadar büyük olmadıkları durumda nasıl tekrarlandığını veya kaplandığını değiştirebilirsiniz. Ayrıca, birden fazla arka plan katmanı kullanmak da mümkündür.
 
-One thing to note is that it _is_ possible to use these properties individually, and in some cases it might be easier and more clear to do that than defaulting to the shorthand. This is in contrast to some other shorthand properties where it is almost always preferable to default to using the shorthand (flex, margin, padding etc.)
+Bir şeyi belirtmek önemlidir ki bu özellikleri bireysel olarak kullanmak mümkündür ve bazı durumlarda bunu yapmak, kısaltmaya varsayılan olarak geçmekten daha kolay ve açık olabilir. Bu durum, genellikle kısaltmayı kullanmaya varsayılan olarak geçmenin neredeyse her zaman tercih edilebilir olduğu bazı diğer kısaltma özelliklerine karşıdır (flex, margin, padding vb.).
 
-There's a lot of information in the docs on this shorthand and all the associated properties. As we've mentioned before, you do NOT need to _memorize_ the exact order and syntax of each property. It's enough to know that they exist and have a general idea of what they do.
+Bu kısaltma ve ilişkili tüm özelliklerle ilgili belgelerde çok sayıda bilgi bulunmaktadır. Daha önce de belirtildiği gibi, her özelliğin tam sırasını ve sözdizimini _ezberlemeniz_ gerekmez. Var olduklarını bilmek ve genel olarak ne yaptıkları hakkında bir fikre sahip olmak yeterlidir.
 
-One more note, the **Formal Syntax** section here is _crazy_. Don't let it deter you. The basic syntax is somewhat hard to define because many of the properties that make up the shorthand are optional, or can come in different places in the definition. Read the [MDN docs on `background`.](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
+Bir not daha: Buradaki **Formal Syntax** (Resmi Sözdizimi) bölümü oldukça karmaşıktır. Sizi caydırmasına izin vermeyin. Temel sözdizimi tanımlamak biraz zor, çünkü kısaltmayı oluşturan birçok özellik isteğe bağlıdır veya tanımda farklı yerlerde gelebilir. [MDN docs on `background`.](https://developer.mozilla.org/en-US/docs/Web/CSS/background) okuyun.
 
 #### Borders
-At this point, you've probably already encountered `border` and `border-radius`. The `border` property is another shorthand, but it is _much_ less complicated than the background shorthand. For borders, basically you just need to define a size, style and color.
+Bu noktada muhtemelen zaten `border` ve `border-radius` ile karşılaştınız. `border` özelliği başka bir kısaltmadır, ancak arka plan kısaltmasından _çok_ daha karmaşık değildir. Sınırlar için temelde sadece bir boyut, stil ve renk tanımlamanız gerekmektedir.
 
-`border-radius` is the property that is used to create rounded corners on things. As you'll see in the docs, it's possible to get fancy and define different radii for each corner of an element, but this is rarely useful. Store that information in the category of "things I'll look up if I ever need it".
+`border-radius`, şeylerin köşelerini yuvarlamak için kullanılan bir özelliktir. Belgelerde göreceğiniz gibi, her bir element köşesi için farklı yarıçaplar tanımlamak mümkündür, ancak bu nadiren kullanışlıdır. Bu bilgiyi "bir gün ihtiyaç duyarsam araştıracağım şeyler" kategorisine saklayın.
 
-Read the MDN docs for [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border) and [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius).
+MDN için [`border`](https://developer.mozilla.org/en-US/docs/Web/CSS/border) ve [`border-radius`](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius) dokümantasyonunu okuyunuz.
 
 #### box-shadow
-As you might expect from the property name, `box-shadow` adds a shadow effect around an element. This is useful to create a sense of depth on your page and to add subtle separation between elements.
+Özellik adından da bekleyebileceğiniz gibi, `box-shadow` bir elementin etrafına bir gölge efekti ekler. Bu, sayfanızda derinlik hissi yaratmak ve öğeler arasında hafif ayrım eklemek için kullanışlıdır.
 
-In usage it's pretty simple, but keep in mind that it's best used sparingly, and subtly. Prefer lighter, barely visible shadows to darker or brighter colors.
+Kullanımı oldukça basittir, ancak sadece az ve nazik bir şekilde kullanılması, hafif gölgelerin daha koyu veya parlak renklere tercih edilmesi önemlidir.
 
-Read the [`box-shadow` docs](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow).
+[`box-shadow` docs](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) okuyunuz.
 
 #### Overflow
-It is possible, using `overflow`, to define what happens to an element when its content is too big to fit. The most common usage is likely to add scrollbars to an element inside a webpage, for example a `card` style element with scrollable content.
+`overflow` özelliğini kullanarak, bir öğenin içeriği sığdırılamayacak kadar büyük olduğunda ne olacağını tanımlamak mümkündür. Muhtemelen en yaygın kullanım, örneğin kaydırılabilir içeriğe sahip bir web sayfasındaki bir `card` tarzı öğeye kaydır çubukları eklemektir.
 
-Check out the [`overflow` docs](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow).
+[`overflow` docs](https://developer.mozilla.org/en-US/docs/Web/CSS/overflow) kontrol ediniz.
 
 #### Opacity
-Opacity is another easy one that can be very useful in some circumstances.
+Opaklık (`opacity`), bazı durumlarda çok kullanışlı olabilen başka bir kolay özelliktir.
 
-Check out [`opacity`](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) for a definition and some examples.
+[`opacity`](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) özelliğini tanımlama ve bazı örnekleri görmek için inceleyebilirsiniz.
 
-### Knowledge check
+### Bilgi ölçme
 
-This section contains questions for you to check your understanding of this lesson. If you’re having trouble answering the questions below on your own, review the material above to find the answer.
+Bu bölüm, bu dersi anladığınızı kontrol etmeniz için sorular içermektedir. Aşağıdaki soruları kendi kendinize yanıtlamakta zorlanıyorsanız, yanıtı bulmak için yukarıdaki materyali gözden geçirin.
 
 - [Which property would you use to make an element transparent?](#opacity)
 - [Which property would you use to make a background image tile?](#background)
@@ -52,9 +52,9 @@ This section contains questions for you to check your understanding of this less
 - [Which property would you use to create rounded corners on an element?](#borders)
 - [How would you use border-radius to make a circular element?](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
 
-### Additional resources
+### Ek kaynaklar
 
-Throughout this lesson we have linked primarily to the MDN docs for each property... however there are _many_ useful reference sites across the web that can be useful and that may show up when searching these items.
+Bu ders boyunca her özellik için temel olarak MDN belgelerine bağlantılar verdik. Ancak web üzerinde bu konularda arama yaparken faydalı olabilecek birçok referans sitesi bulunmaktadır ve bunlar da karşınıza çıkabilir.
 
-* [CSS Tricks](https://css-tricks.com/almanac/properties) has some really great content. Some of it feels less formal and official than the MDN docs, but that means they can be easier to digest.  Sometimes their examples can be more useful. For example, check out their pages on the [background shorthand](https://css-tricks.com/almanac/properties/b/background/), or [overflow](https://css-tricks.com/almanac/properties/o/overflow).
-* [W3 Schools](https://www.w3schools.com/cssref/) is another fine resource. We (the Odin authors) tend to prefer MDN, but there is nothing wrong with W3.
+* [CSS Tricks](https://css-tricks.com/almanac/properties), gerçekten harika içeriğe sahiptir. Bazıları, MDN belgelerinden daha az resmi ve resmi olmayan bir hissiyat verir, ancak bu, sindirilmesi daha kolay olabilir demektir. Bazı durumlarda örnekleri daha kullanışlı olabilir. Örneğin, [background shorthand](https://css-tricks.com/almanac/properties/b/background/) veya [overflow](https://css-tricks.com/almanac/properties/o/overflow) üzerine sayfalarına göz atın.
+* [W3 Schools](https://www.w3schools.com/cssref/), başka bir kaliteli kaynaktır. Biz (Odin yazarları) genellikle MDN'yi tercih ediyoruz, ancak W3 ile de bir sorun yoktur.