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

Bu yazımızda tüm Html etiketleri için varsayılan Css değerlerinin neler olduğunu öğrenebilirsiniz. Bu değerleri bildiğimiz zaman kodlarımızı yazarken nerede 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.

Tüm Html etiketleri için varsayılan Css değerleri

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 yazımda görüşmek üzere.

Leave a Reply

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