HTML CSS Kelimeler Arasında Boşluk Yapma – Web Tasarım & Programlama

redra Mart 30, 2023

0 12 1 dakika okuma süresi

HTML CSS Kelimeler Arasında Boşluk Yapma – Web Tasarım & Programlama

HTML’de metin öğeleri ile çalışırken metinlerde çeşitli düzenlemelere ihtiyaç duyarız. CSS metinler üzerinde renk, arkaplan, boşluk vb. bir çok değişikliği yapmamıza izin vermektedir.

Bu yazıda CSS ile bir yazının kelimeleri arasında nasıl boşluk bırakacağınızı göstereceğim.

İlk olarak kelimeler arasında boşluk bırakmak için word-spacing özelliğinin kullanıldığını ve boşluk değerinin negatif yada pozitif olabileceğini belirtelim.

Aşağıdaki örnek HTML CSS kodu +/- olarak kelimeler arasında nasıl boşluk bırakacağını göstermektedir.

</p> <p><!DOCTYPE html><br /> <html><br /> <head><br /> <style><br /> h1 {<br /> word-spacing: 20px;<br /> }</p> <p> h2 {<br /> word-spacing: 10px;<br /> }</p> <p> h3 {<br /> word-spacing: -10px;<br /> }<br /> </style><br /> </head><br /> <body></p> <p> <h1>Merhaba Dünya, Yazılım Kodlama</h1><br /> <h2>Merhaba Dünya, Yazılım Kodlama</h2><br /> <h3>Merhaba Dünya, Yazılım Kodlama</h3></p> <p></body><br /> </html><br />

<!DOCTYPE html>

<html>

<head>

<style>

h1 {

word-spacing: 20px;

}

h2 {

word-spacing: 10px;

}

h3 {

word-spacing: -10px;

}

</style>

</head>

<body>

<h1>Merhaba Dünya, Yazılım Kodlama</h1>

<h2>Merhaba Dünya, Yazılım Kodlama</h2>

<h3>Merhaba Dünya, Yazılım Kodlama</h3>

</body>

</html>

h1 ve h2 etiketlerinin boşlukları pozitif olduğu için yazılan sayılar oranında boşluk bırakmıştır. h3 etiketinin boşluğu negatif olduğu için yazılan sayı oranında bitiştirilmiştir.