ASP.NET MVC - Adding CSS to your view (inside of the view not an external .css file)

Question

I am new to ASP.NET MVCs. I want to ask if there is a way to add CSS inside your view, but not using an external .css file? For example: table {border: 5px solid red;} (Just like you would do it in a normal HTML-CSS project)?

Assuming you chose the default Razor view engine, it's still just basically html, so you can do whatever you want. — Yuriy Faktorovich
– Yuriy Faktorovich, Commented Mar 6, 2017 at 19:14
@YuriyFaktorovich yes I use Razor ... Still if i write table, td, th { border: 5px solid red; } I get it written on my page... like normal text — john
– john, Commented Mar 6, 2017 at 19:19
@YuriyFaktorovich oh haha, now I see that I missed it, thanks — john
– john, Commented Mar 6, 2017 at 19:41

Chris Pratt · Accepted Answer · 2017-03-06 21:05:16Z

16

Consider using sections. In your layout add:

<head>
    ...
    @RenderSection("Styles", required: false)
</head>

Then, in your view:

@section Styles
{
    <style type="text/css">
        table { border: 5px solid red; }
    </style>
}

This will have the effect of adding this style tag into the head of your HTML where it should be, instead of littering style tags throughout your code.

answered Mar 6, 2017 at 21:05

Chris Pratt

240k37 gold badges414 silver badges468 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Murat Yıldız · Accepted Answer · 2023-01-25 14:05:47Z

4

You can also define CSS in razor view by using style tag as shown below:

<style>
    table {border: 5px solid red;}
</style>

edited Jan 25, 2023 at 14:05

answered Mar 6, 2017 at 19:57

Murat Yıldız

12.1k6 gold badges66 silver badges68 bronze badges

Comments

user7075856 · Accepted Answer · 2017-03-06 19:58:33Z

1

Some like this.

@Html.Label("Hello World",new{@style="your style code"})

answered Mar 6, 2017 at 19:58

user7075856

Collectives™ on Stack Overflow

ASP.NET MVC - Adding CSS to your view (inside of the view not an external .css file)

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related