Vue-da style atributu vasitesi ile stil vermek
CSS stilleri birbasa
style atributu vasitesi ile elave etmek olar.
Bunun ucun atributa obyekt oturulur, hansinda ki, istenilen
CSS xususiyyetleri bu obyektin açarı,
hemcinin uygun CSS xususiyyetlerinin qiymetleri ise -
bu obyektin qiymetleri olmalidir.
Gelin misal ucun her hansi bir abzası qirmizi renge boyayaq ve yaşil renkde cerceve elave edek:
<template>
<p :style="{color: 'red', border: '1px solid green'}">
text
</p>
</template>
Gelin indi onun yerine
font-size-i 30px teyin edek. Cunki
obyektde defisli açar ola bilmez, biz
onu dırnaq içine almalıyıq:
<template>
<p :style="{color: 'red', 'font-size': '30px'}">
text
</p>
</template>
font-size yerine
fontSize da yazmaq olar - bu da işleyecek:
<template>
<p :style="{color: 'red', fontSize: '30px'}">
text
</p>
</template>
Abzas verilib. Onun metnini yaşil rengde, arxa fonunu ise sarı renge boyayın.
Abzas verilib. Onun metnini qalın ve italik edin.
