तालिका

Question

के लिए सीमा सेट करने के लिए कैसे करें मैं HTML और जावास्क्रिप्ट भाषाओं का उपयोग कर एक वेबपृष्ठ विकसित करने की कोशिश कर रहा हूं। और मैं विकास के लिए बाहरी जावास्क्रिप्ट और बाहरी स्टाइल शीट का भी उपयोग कर रहा हूं। समस्या जावास्क्रिप्ट में बाहरी स्टाइल शीट का उपयोग करते समय है, मैं तालिका और इसकी पंक्तियों/कोल्स के लिए कुछ सीमा देना चाहता हूं। क्या कोई मुझे बता सकता है कि मैं यह कैसे कर सकता हूं? आपकी जावास्क्रिप्ट में इस तरह

Answer 1

कोशिश कुछ:

object.style.border="1px solid red"; // 1px solid red can be anything you want... 

W3Schools तुम यहाँ मदद कर सकते हैं: http://www.w3schools.com/cssref/pr_border.asp

बस इस उदाहरण में वस्तु पुष्टि करने के लिए कुछ इस आप getElementById का उपयोग कर का चयन किया है, इसलिए का प्रतिनिधित्व करता है ...

var myTable = document.getElementById('tableID'); 

myTable.style.border="1px solid red"; 

Answer 2

HTML तत्वों संपत्ति style उस तत्व की शैलियों के साथ वस्तु का प्रतिनिधित्व करता है। यदि आप इसे संशोधित करते हैं - तो आप अपने तत्व की शैली बदल देंगे।

elem.style.border = "1px solid #000" 
// the same as 
elem.style.borderWidth = "1px"; 
elem.style.borderColor = "#000"; 
elem.style.borderStyle = "solid"; 

// or 

elem.style.borderTop = "4px dashed greed"; 
// the same as 
elem.style.borderTopWidth = "4px"; 
elem.style.borderTopColor = "green"; 
elem.style.borderTopStyle = "dashed"; 

borderTop, borderRight, borderBottom का उपयोग करना, borderLeft गुण आप केवल बदल सकते हैं कि तुम क्या जरूरत है सीमाओं।

Answer 3

आप jQuery फ्रेमवर्क का उपयोग क्यों नहीं करते? JQuery के साथ आप अपना लक्ष्य प्राप्त करने के लिए निम्न कोड जोड़ पाएंगे:

$('table').css("border","1px solid #000"); 

Answer 4

मुझे यह मिला।

अपने सीएसएस फ़ाइल में

कोड: मेज, टीडी {बॉर्डर: 1pix पूरी तरह से लाल}

यहाँ

1pix = सीमा आकार की अपनी पसंद देना, लेकिन एक ही प्रारूप में होना चाहिए

solid=i think its intensity of color(if you want to try something else, give after refering to w3schools/table) 

red=Color name (you can give any desired color name.) 

यदि आप हेक्साडेसिमल मान के रूप में रंग का नाम देना चाहते हैं तो बस "लाल" को कुछ हेक्साडेसिमल मान "#cdcdcd" (यह काला नहीं है) के साथ प्रतिस्थापित करें।

यदि आपको अभी भी संदेह है तो बस मुझसे संपर्क करें।

Answer 5

Javascript में इस प्रयास करें: -:

.your-element{ 
    border-top:1px solid green; 
    border-left:1px solid red; 
} 

वर्क्स ठीक -

elemt.style.borderBottom="1px solid red"; 
elemt.style.borderTop="1px solid green"; 

CSS में। CSS लेखन की शैली और Javascript लेखन की शैली थोड़ा अलग है।