ArabicEnglishTurkish

CSS'de url Nedir?

CSS'de url Nedir?
CSS'de url Nedir?
CSS'de url Nedir?
CSS'de url Nedir?
Kategori: CSS

CSS'de url, bir resim ya da diğer web kaynaklarının yolu ya da adresi (URL; Uniform Resource Locator) olarak tanımlanır. Bir url, bazen bir stil özelliğini kullanarak bir özellikten diğerine aktarılabilir.
Örneğin, bir resmi arka plan olarak kullanmak istiyorsak, CSS kullanarak \"background-image\" özelliğini kullanabiliriz. Bu özellik, url fonksiyonu ile çalışır ve resmin yolunu belirtir:
```
background-image: url(\"images/background.jpg\");
```
Yukarıdaki örnek, \"images\" klasöründeki \"background.jpg\" adlı resmi arka plan olarak belirleyecektir.
Başka bir örnek, bir font dosyasını yüklemek için url kullanmaktır. \"font-face\" özelliğini kullanarak bir font dosyasını yükleyebiliriz, bu özellik de url içerir:
```
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'),
url('https://fonts.gstatic.com/s/opensans/v13/memnYaGs126MiZpBA-UFUKWyV9hmIqOjjg.ttf')
format('truetype');
}
```
Yukarıdaki örnek, \"Open Sans\" adlı bir font dosyasının yüklenmesini sağlar. Dosya, url'nin belirttiği adreste bulunur.
Başka bir örnek, bir zemin resmi yüklemek içindir. Aşağıdaki kod bir arka plan resmini yükler:
```
body {
background-image: url('https://example.com/background.png')
}
```
Yukarıdaki örnek, \"example.com\" adresindeki \"background.png\" adlı bir resmi arka plan olarak kullanacaktır.
CSS'de url'nin kullanımı çoğunlukla kaynaklar için kullanılır. Bu kaynaklar, zemin resimleri, font dosyaları, SVG resimler, videolar, animasyonlar ve diğerleri gibi çevrimiçi olarak kullanılabilen her şey olabilir.

CSS url resim kaynak font dosyası SVG resmi video animasyon özellik
Abaküs Yazılım
Abaküs Yazılım