Html Block ve İnline Block Elementler

Bu yazımızda html ve css de sıkça karşılaştığımız inline ve block kavramlarıyla ilgili bazı konuları konuşacağız.

Block,inline  ve inline-block özellikleri bir elementin sayfadaki davranışını belirler,

İnline Element Nedir?

İnline element satır içinde kapladığı yer kadar  yer tutan elemanlardır, bu elemanlar width ve height değeri alamazlar ne kadar içerik değerleri varsa o kadar yer kaplarlar.

HTML İnline Etiketler Listesi

<a>
<abbr>
<acronym>
<b>
<bdo>
<big>
<br>
<button>
<cite>
<code>
<dfn>
<em>
<i>
<img>
<input>
<kbd>
<label>
<map>
<object>
<output>
<q>
<samp>
<script>
<select>
<small>
<span>
<strong>
<sub>
<sup>
<textarea>
<time>
<tt>
<var>

Block Element Nedir?

Block elementler ise inline elemntlerin tersine bulunduğu bloğu tamamen kaplar ve yanına koyulan elementler bir alt satıra geçmek zorunda kalır ne kadar kısa olursa olsun yanına hiçbir element kabul etmezler ve o satırı kaplarlar.

HTML Block Etiketler Listesi

<address>
<article>
<aside>
<blockquote>
<canvas>
<dd>
<div>
<dl>
<dt>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<h1>-<h6>
<header>
<hr>
<li>
<main>
<nav>
<noscript>
<ol>
<p>
<pre>
<section>
<table>
<tfoot>
<ul>
<video>

İnline-Block Element Nedir?

Bu elementler genel olarak inline element özelliği gösterirler, inline elementten farkı ve block elementlere yakınlığı ise width ve height değeri alabilmeleridir.

Etiketler: block ~ block elementler ~ blok ~ html block elementler ~ html inline elementler ~ inline ~ inline elementler ~ inline-block ~ rize web programlama ~ rize web tasarım