Chrome question - can it generate new CSS tag??

Not sure if this is doable in Chrome. I have a div tag.

1. In Chrome, I right click on the page and choose: inspect element.
2. In "elements" tab, I have a div and I can drag it to another section.
3. In the webpage, I can see the tag moved. The code doesnt change of course, this is just in the website

4. Now, is there anyway to see the new CSS of this div-tag that was moved.

For example, if div has this CSS : float:right. I drag it in Element and now i see the div as
float:left. Is there anyway that Chrome would show the changed-CSS??

I've attached a screenshot.
Doc4.docx
LVL 7
CamilliaAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
Pradeep DubeyConnect With a Mentor ConsultantCommented:
just double click on the properties of that one which you want to change. See the highlighted one in the screenshot. properties
0
 
Pradeep DubeyConsultantCommented:
Make changes in the div properties and check

div properties
0
 
CamilliaAuthor Commented:
Ok, so for example, I have this CSS for the div

.securityverify{width:245px;border:1px solid #cbcbcb;padding:3px 10px 0px 50px;float:left;position:relative;min-height:73px;}

Open in new window


I look at the "properties" in Chrome. I see the CSS securityVerfiy but I dont see how to change..for example..the position..to move it up , to the right, etc.

I've attached a screenshot of what i'm seeing.
doc5.docx
0
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

 
COBOLdinosaurConnect With a Mentor Commented:
If you want a new property for an element just click in the inspect window and type it in.

Cd&
0
 
Jagadishwor DulalConnect With a Mentor Braces MediaCommented:
This is just a debug option in browser preview. None of the style will be saved in your source file and you need to replace those changes in you source css file.
0
 
CamilliaAuthor Commented:
yes, i know it wont save it. I thought just dragging the elements in "Elements" tab will also generate the new CSS tags.
0
All Courses

From novice to tech pro — start learning today.