Tüm Html Etiketleri için Varsayılan Css Değerleri

Merhaba Arkadaşlar,
Bu makalede bütün Html etiketleri için varsayılan Css değerlerinin neler olduğunu öğrenebilirsiniz.Bu değerleri bildiğimiz zaman kodlarımızı yazarken nerde ne yazacağımızı daha iyi bilebiliriz.Örneğin bir menü yaparken <ul> <li> yapısını kullanıyoruz diyelim.ul etiketinin varsayılan css değerlerinin

bunlar olduğunu bilirsek, ona göre yazdığımız kodlara daha hakim olabiliriz.Tabiki bunları ezberleyin demiyorum.Ama ihtiyaç halinde bu listeden baktıkça bilgiler hafızamıza yerleşecektir.Umarım faydalı olur.Listemiz şu şekilde :

EtiketVarsayılan Css Değerleri
a:linkcolor: (internal value);
text-decoration: underline;
cursor: auto;
a:visitedcolor: (internal value);
text-decoration: underline;
cursor: auto;
a:link:activecolor: (internal value);
a:visited:activecolor: (internal value);
abbrNone.
addressdisplay: block;
font-style: italic;
areadisplay: none;
articledisplay: block;
asidedisplay: block;
audioNone.
bfont-weight: bold;
baseNone.
bdiNone.
bdounicode-bidi: bidi-override;
blockquotedisplay: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
bodydisplay: block;
margin: 8px;
body:focusoutline: none;
brNone.
buttonNone
canvasNone.
captiondisplay: table-caption;
text-align: center;
citefont-style: italic;
codefont-family: monospace;
coldisplay: table-column;
colgroupdisplay: table-column-group
datalistdisplay: none;
dddisplay: block;
margin-left: 40px;
deltext-decoration: line-through;
detailsdisplay: block;
dfnfont-style: italic;
dialogNone.
divdisplay: block;
dldisplay: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
dtdisplay: block;
emfont-style: italic;
embed:focusoutline: none;
fieldsetdisplay: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border: 2px groove (internal value);
figcaptiondisplay: block;
figuredisplay: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 40px;
margin-right: 40px;
footerdisplay: block;
formdisplay: block;
margin-top: 0em;
h1display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
h2display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
h3display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
h4display: block;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
h5display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
h6display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
headdisplay: none;
headerdisplay: block;
hrdisplay: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
htmldisplay: block;
html:focusoutline: none;
ifont-style: italic;
iframe:focusoutline: none;
iframe[seamless]display: block;
imgdisplay: inline-block;
inputNone.
instext-decoration: underline;
kbdfont-family: monospace;
labelcursor: default;
legenddisplay: block;
padding-left: 2px;
padding-right: 2px;
border: none;
lidisplay: list-item;
linkdisplay: none;
mainNone.
mapdisplay: inline;
markbackground-color: yellow;
color: black;
menudisplay: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
menuitemNone.
metaNone.
meterNone.
navdisplay: block;
noscriptNone.
object:focusoutline: none;
oldisplay: block;
list-style-type: decimal;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
optgroupNone.
optionNone.
outputdisplay: inline;
pdisplay: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
paramdisplay: none;
pictureNone.
predisplay: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
progressNone.
qdisplay: inline;
q::beforecontent: open-quote;
q::aftercontent: close-quote;
rpNone.
rtline-height: normal;
rubyNone.
stext-decoration: line-through;
sampfont-family: monospace;
scriptdisplay: none;
sectiondisplay: block;
selectNone.
smallfont-size: smaller;
sourceNone.
spanNone.
striketext-decoration: line-through;
strongfont-weight: bold;
styledisplay: none;
subvertical-align: sub;
font-size: smaller;
summarydisplay: block;
supvertical-align: super;
font-size: smaller;
tabledisplay: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;
tbodydisplay: table-row-group;
vertical-align: middle;
border-color: inherit;
tddisplay: table-cell;
vertical-align: inherit;
templateNone.
textareaNone.
tfootdisplay: table-footer-group;
vertical-align: middle;
border-color: inherit;
thdisplay: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
theaddisplay: table-header-group;
vertical-align: middle;
border-color: inherit;
timeNone.
titledisplay: none;
trdisplay: table-row;
vertical-align: inherit;
border-color: inherit;
trackNone.
utext-decoration: underline;
uldisplay: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1 em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
varfont-style: italic;
videoNone.
wbrNone.

Yeni bir makalede görüşmek üzere.

Önceki : Css Dersleri 43 – Tüm Css Özellikleri ve Tarayıcı Uyumluluğu

Sonraki : 

Leave a Reply

TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +