مثال
تعيين الحافة العلوية للوضع المطلق <div> عنصر ل80px تحت الحافة العلوية من أقرب الجد وضعه:
div.absolute {
position: absolute;
top: 80px;
width: 200px;
height:
100px;
border: 3px solid #8AC007;
}
انها محاولة لنفسك » تعريف واستخدام
لعناصر وضعه تماما، الخاصية أعلى يحدد الحافة العلوية من عنصر إلى وحدة أعلى / أسفل الحافة العلوية من أقرب سلف لها وضعا. ملاحظة: إذا كان عنصر وضع بشكل مطلق لا يوجد لديه الأجداد وضعه، فإنه يستخدم نص المستند، ويتحرك مع صفحة التمرير. ملاحظة: هناك "positioned" عنصر واحد الذي هو موقف أي شيء ما عدا ثابت.
لعناصر وضعه نسبيا، الخاصية أعلى يحدد الحافة العلوية من عنصر إلى وحدة أعلى / أسفل وضعه الطبيعي.
Note: إذا كان "position:static" ، الخاصية أعلى له أي تأثير.
| القيمة الافتراضية: | auto |
|---|---|
| وارث: | no |
| Animatable: | yes. Read about animatable Try it |
| الإصدار: | CSS2 |
| جافا سكريبت بناء الجملة: | object .style.top="100px" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
| خاصية | |||||
|---|---|---|---|---|---|
| top | 1.0 | 5.0 | 1.0 | 1.0 | 6.0 |
CSS بناء الجملة
top: auto|length|initial|inherit;قيم الملكية
| القيمة | وصف | العبها |
|---|---|---|
| auto | يتيح للمتصفح حساب كبار موقف الحافة. هذا هو الافتراضي | العبها " |
| length | تعيين كبار موقف حافة في مقصف، سم، وما إلى ذلك يسمح القيم السلبية | العبها " |
| % | تعيين كبار موقف حافة في المائة من التي تحتوي على عنصر. يسمح القيم السلبية | العبها " |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
درس CSS: CSS لتحديد المواقع
CSS المرجع bottom property
CSS إشارة: left property
CSS إشارة: right property
HTML DOM المرجع top property