How to write inline css with javascript JS tutorials

How to write inline css with javascript JS tutorials

In this post, you will learn how to write inline css with JavaScript you can use the style attribute of HTML css elements and concatenate it with Java inline css strings. 

How to write inline css with javascript JS tutorials

Here's an example of how you can achieve this:

public class InlineCSSExample {

    public static void main(String[] args) {

        String color = "red";

        String fontSize = "16px";

        String html = "<div style='color: " + color + "; font-size: " + fontSize + ";'>Inline CSS Example</div>";

        

        System.out.println(html);

    }

}

In this example, we have defined two variables color and fontsize, and then concatenated them into the HTML string, which represents an <div> element with inline CSS styles applied to it. You can modify the color and fontsize variables to apply different styles as needed with javascript.