Css Content de Yeni Satır (Newline) Atma İşlemi

28.10.2017
• Yazilim • Nasil-Yapilir • Bilgisayar


Bazen html içinden değilde css den de içerik (content) yazdırma işlemi yapılmaktadır.


Bunun için content ifadesini kullanırız.


Bu ifade direk bir text olabileceği gibi fontawesome tarzı font iconları getirmek için de kullanılmaktadır.


Text ve ya icon yazdırma işlemin de bazen araya yeni satır (newline) ekleme ihtiyacı hasıl olabilmektedir.
Bunu yapmak için newline yada carriage return ile değilde ters slash 5 tane sıfır ardından a => \00000a ifadesi ile yapılır.


Bunun için yapılması gereken kod bloğu şu şekildedir:

.post:after{content:" \00000a Güncel \00000a Oranlar";white-space: pre;}


Eğer html elemanının içinden class veya title gibi herhangi bir attribute 'u getirmek için ise :


.post:after{content:" \00000a Güncel \00000a Oranlar" attr(class);white-space: pre;}


Kolay gelsin...