동적 css 적용방법

<script>
	let active
</script>

<style>
	.box {
		padding:10px;
		border: 1px solid #FF003A;
	}

	.checkBorder {
		border: 5px solid #FF003A;
	}
</style>

<input type="checkbox" bind:checked={active} /> boarder size

<p class="box" class:checkBorder={active}>
	Style Box
</p>

[만들면서 배우는 Svelte]

Previouslifecycle (생명주기)Nexttransition : 화면전환

Last updated